flutter_svg icon indicating copy to clipboard operation
flutter_svg copied to clipboard
verified publisher icon dnfield

Svg text imports a custom TTF font library, using Svgpicture.network load exception

Open yk81708090 opened this issue 3 years ago • 6 comments

════════ Exception caught by SVG ═══════════════════════════════════════════════ The following UnsupportedError was thrown in _Element.svg: Unsupported operation: Unsupported nested element.

The root element contained an unsupported nested SVG element.

Picture key: NetworkPicture("http://101.35.7.174:88/html/ceshi.svg", headers: null, colorFilter: null) ════════════════════════════════════════════════════════════════════════════════

════════ Exception caught by SVG ═══════════════════════════════════════════════ Unsupported operation: Unsupported nested element. ════════════════════════════════════════════════════════════════════════════════

════════ Exception caught by SVG ═══════════════════════════════════════════════ The

svg link: http://101.35.7.174:88/html/ceshi.svg

How to solve this problem?

thanks!

yk81708090 avatar Jun 08 '22 06:06 yk81708090

That SVG would need to be preprocessed to remove the style element.

dnfield avatar Jun 08 '22 16:06 dnfield

<svg> <defs> <font id="iconfont" horiz-adv-x="1502" vert-adv-y="1502" > <font-face font-family="iconfont" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="1457" descent="-980" /> <missing-glyph /> <glyph glyph-name="uni22" unicode="&#x22;" d="M296 507L42 0L14 0L268 507L296 507M451 507L197 0L169 0L423 507L451 507Z" horiz-adv-x="451" vert-adv-y="1000" /> </font> </defs> <svg> import font-family </svg> </svg>

Whether the SVG format is correct？

yk81708090 avatar Jun 10 '22 03:06 yk81708090

════════ Exception caught by SVG ═══════════════════════════════════════════════ The following UnsupportedError was thrown in _Element.svg: Unsupported operation: Unsupported nested element.

The root element contained an unsupported nested SVG element.

Picture key: NetworkPicture("http://101.35.7.174:88/html/ceshi.svg", headers: null, colorFilter: null) ════════════════════════════════════════════════════════════════════════════════

════════ Exception caught by SVG ═══════════════════════════════════════════════ Unsupported operation: Unsupported nested element. ════════════════════════════════════════════════════════════════════════════════

════════ Exception caught by SVG ═══════════════════════════════════════════════ The

svg link: http://101.35.7.174:88/html/ceshi.svg

How to solve this problem?

thanks!

svgcleaner To remove style element.

Mohdx avatar Jun 15 '22 06:06 Mohdx

If delete the style element, the notes will not display correctly

yk81708090 avatar Jun 15 '22 06:06 yk81708090

Well that's unfortunate, for me it was vice versa. svg was just all black until I used svg cleaner

Mohdx avatar Jun 15 '22 06:06 Mohdx

Displaying notes by drawing path， like this： <path fill="rgb(180,120,190)" transform="translate(5.55, 15.38),scale(0.0205),rotate(180)" d="M466-252Q438-257 406.50-258Q375-259 345-256.50Q315-254 289.50-249.50Q264-245 248-237Q171-200 123.50-158.50Q76-117 50-72Q24-27 13.50 20.50Q3 68 0 116Q-4 168 9.50 220Q23 272 46.50 319.50Q70 367 100.50 407Q131 447 162 477Q198 511 237.50 544.50Q277 578 324 613Q323 626 321.50 636Q320 646 318 656.50Q316 667 313.50 680Q311 693 310 712Q310 720 308 741.50Q306 763 305.50 793.50Q305 824 307 863Q309 902 317 944Q322 969 338.50 1007.50Q355 1046 377.50 1082Q400 1118 425 1144Q450 1170 472 1170Q483 1170 496 1156.50Q509 1143 521.50 1120.50Q534 1098 546 1069.50Q558 1041 567 1011Q576 981 581.50 952Q587 923 588 901Q589 849 584 809.50Q579 770 569 738.50Q559 707 545.50 680.50Q532 654 517 627Q501 600 484.50 579.50Q468 559 451 538Q433 516 413.50 501.50Q394 487 375 470Q384 419 391 378Q394 360 397 343Q400 326 402 311.50Q404 297 406 287.50Q408 278 408 276Q432 279 457.50 276.50Q483 274 506.50 269Q530 264 548.50 256Q567 248 578 241Q632 201 654.50 149.50Q677 98 681 44Q684 2 674-40.50Q664-83 640.50-121.50Q617-160 579.50-192Q542-224 491-245Q497-286 502-321Q507-351 511-379.50Q515-408 517-419Q526-479 524-517.50Q522-556 509-580Q498-600 483.50-619Q469-638 449-653Q429-668 402.50-678Q376-688 342-690Q316-692 280-685.50Q244-679 211-662.50Q178-646 154-618Q130-590 127-549Q125-525 130-500.50Q135-476 147.50-456.50Q160-437 180.50-424Q201-411 231-409Q249-408 267.50-414.50Q286-421 302-433Q318-445 328-463Q338-481 340-502Q343-539 317-573.50Q291-608 229-625Q239-639 267-651.50Q295-664 337-664Q381-664 421.50-638Q462-612 484-573Q498-547 498-505.50Q498-464 493-422Q491-415 487-387.50Q483-360 478-330Q473-295 466-252M487 1015Q448 1015 418.50 978.50Q389 942 370.50 886Q352 830 346 763Q340 696 349 634Q382 659 418 694.50Q454 730 483.50 770Q513 810 531.50 851Q550 892 547 929Q546 941 543 956Q540 971 533 984Q526 997 515 1006Q504 1015 487 1015M485-211Q528-196 552-172Q576-148 587.50-120Q599-92 600.50-64Q602-36 601-14Q599 4 592.50 31Q586 58 568 83Q550 108 517 124.50Q484 141 429 138L485-211M403 136Q362 134 335.50 119.50Q309 105 293.50 84.50Q278 64 272.50 41Q267 18 268 0Q269-18 276-37Q283-56 294.50-72.50Q306-89 319.50-102.50Q333-116 347-123Q345-125 343.50-126.50Q342-128 340-130Q338-132 337-134Q306-119 282.50-98.50Q259-78 252-69Q241-54 233-42Q225-30 220-16.50Q215-3 211.50 13Q208 29 207 51Q205 72 210 95.50Q215 119 226.50 143Q238 167 256.50 189.50Q275 212 300 232Q313 242 323.50 248Q334 254 343 258.50Q352 263 361.50 265.50Q371 268 382 271L352 452Q340 445 313 424Q286 403 254 374Q222 345 190.50 311.50Q159 278 139 247Q103 190 83 142Q63 94 68 38Q72-25 106.50-79.50Q141-134 195-171Q249-208 318-222.50Q387-237 461-219Q445-120 432-42Q426-9 421 23Q416 55 411.50 80Q407 105 405 120.50Q403 136 403 136Z"/>

Flip Y not resolved

yk81708090 avatar Jun 15 '22 07:06 yk81708090