sharjeelyunus/github-issues-dataset huggingface dataset:
Repository: flutter
Issue: [flutter_svg] Brazilian flag letters are a bit abnormal
Labels: package,p: flutter_svg

_Imported from https://github.com/dnfield/flutter_svg/issues/337_

Original report by @LunaGao on May 1, 2020

When I working on https://github.com/LunaGao/flag_flutter/issues/10 this issue, I found those  letters are a bit abnormal.
![image](https://user-images.githubusercontent.com/5066920/80823244-e1909080-8c0e-11ea-9b39-f548823321c6.png)
Those letters should be like this:
![image](https://user-images.githubusercontent.com/5066920/80823359-1270c580-8c0f-11ea-9281-dad469da3433.png)

This is the svg file.
[br.svg.zip](https://github.com/dnfield/flutter_svg/files/4565339/br.svg.zip)

---
Comment by @LunaGao on May 1, 2020
I'm using 0.17.4 version.
Repository: flutter
Issue: [flutter_svg] evenOdd support for android vector drawables
Labels: package,p: flutter_svg

_Imported from https://github.com/dnfield/flutter_svg/issues/340_

Original report by @HrX03 on May 5, 2020

i know this lib isnt really meant to handle android drawables, but it's the only lib i found yet that does this (partly) and i'd love to have the evenOdd fillType property supported properly. 
[This](https://del.dog/xagnyppebo.txt) is the vector i tried. It should look like [this](https://i.imgur.com/8LV39f2.png) but instead im getting it to show up like [this](https://i.imgur.com/mXaurpJ.jpg). Thanks for the nice project anyways
Repository: flutter
Issue: [flutter_svg] Unable to set dynamic color correctly
Labels: package,p: flutter_svg

_Imported from https://github.com/dnfield/flutter_svg/issues/347_

Original report by @subnauez on May 12, 2020

Given the following SVG file, i.e. a parking map marker composed of 3 paths (a bubble, a white circle inside the bubble, a grey "P" letter inside the circle).

```
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150">
    <path fill="#999999" d="M53.15 95.79V26.7h22.38q12.72 0 16.58 1a18.17 18.17 0 0110 6.75c2.65 3.48 4 8 4 13.46a22.4 22.4 0 01-2.31 10.7 19 19 0 01-5.85 6.81 20.14 20.14 0 01-7.24 3.27 78.76 78.76 0 01-14.47 1h-9.1v26.1zm13.94-57.41V58h7.65q8.25 0 11-1.1a9.18 9.18 0 004.38-3.39 9.37 9.37 0 001.56-5.37 9 9 0 00-2.2-6.23 9.85 9.85 0 00-5.61-3.07 69.23 69.23 0 00-10-.47h-6.78z"/>
    <path fill="#000000" stroke="#FFFFFF" stroke-miterlimit="10" d="M134.86 62.48c0-33.79-26.8-61.18-59.86-61.18S15.14 28.69 15.14 62.48a61.58 61.58 0 0021.11 46.62L75 148.7l38.74-39.6a61.58 61.58 0 0021.12-46.62z"/>
    <path fill="#666666" stroke="#fff" stroke-miterlimit="10" d="M75 9.88a51.37 51.37 0 11-51.36 51.36A51.37 51.37 0 0175 9.88z"/>
</svg>
```

We want to : 
- set the border color of the bubble according to parking state 
- keep the white circle inside the marker
- keep the grey "P" letter inside the white circle 

Here is the code : 
```
SvgPicture.network(
    URL
    semanticsLabel: 'Parking pin',
    color: Colors.red,
    //colorBlendMode: BlendMode.color,
    placeholderBuilder: (BuildContext context) => Container(
        padding: const EdgeInsets.all(30.0),
        child: const CircularProgressIndicator()),
)
```

Tried to play with colorBlendMode without success :
- Once the marker is completly red (without white circle inside and "P" letter inside)
- Once borders are red but the white circle becomes lightly red too

Even if our designer followed the instructions for exporting the SVG file, I'm currently unable to get the correct result. Maybe SVG layers are not well formed ?

Can anybody help for knowing what's going wrong please ?



---
Comment by @donemerson on Nov 29, 2020

Any solution?
Repository: flutter
Issue: [flutter_svg] Svg colors and alphas by regions
Labels: package,p: flutter_svg

_Imported from https://github.com/dnfield/flutter_svg/issues/348_

Original report by @klaszlo8207 on May 18, 2020

Hello,

I have an svg file that contains regions like:

Lefthand, righthand, head, etc

How can I colorize and set the alphas differently in the svg realtime?

Thanks

---
Comment by @klaszlo8207 on May 18, 2020
Basically I want to set the alpha to 15% on the left hand, 30% on the right hand, and so on. The color will be the same, grey
Thanks

---
Comment by @Tonku on Jun 27, 2020
Any update
Repository: flutter
Issue: [flutter_svg] support `viewBox` on `symbol` elements.
Labels: package,p: flutter_svg

_Imported from https://github.com/dnfield/flutter_svg/issues/366_

Original report by @georgi0u on Jun 22, 2020

I have an SVG that renders like so in Chrome:
<img width="252" alt="Screen Shot 2020-06-22 at 9 59 33 AM" src="https://user-images.githubusercontent.com/197144/85330160-8d1bcb80-b46f-11ea-8034-662523610c6c.png">


And like so via flutter_svg:
<img width="252" alt="Screen Shot 2020-06-22 at 9 59 47 AM" src="https://user-images.githubusercontent.com/197144/85330219-a4f34f80-b46f-11ea-9a77-9a4917423371.png">


The SVG markup is as follows:
```
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-120 -168 240 336" preser\
veAspectRatio="none" class="card" face="AH" width="250" height="350">

  <symbol id="HA" viewBox="-500 -500 1000 1000" preserveAspectRatio="xMinYMid">
      <path d="M-270 460L-110 460M-200 450L0 -460L200 450M110 460L270 460M-120 130L120 130" stroke="red" stroke-width\
="80" stroke-linecap="square" stroke-miterlimit="1.5" fill="none"/>
  </symbol>

   <rect width="239" height="335" x="-119.5" y="-167.5" rx="12" ry="12" fill="white" stroke="black"/>

   <use xlink:href="#HA" height="32" width="32" x="-114.4" y="-156"/>

</svg>
```



---
Comment by @dnfield on Jul 31, 2020
The `viewBox` attribute isn't supported on symbols right now.
Repository: flutter
Issue: [flutter_svg] Network error caused the image to fail to load and cannot be reloaded
Labels: package,p: flutter_svg

_Imported from https://github.com/dnfield/flutter_svg/issues/367_

Original report by @Bedroome on Jun 23, 2020

If the network error causes the picture to fail to load, the picture cannot be reloaded after reconnecting to the network. Should some pictures be processed again after the picture fails to load, and when the picture fails to reload, the picture cannot be reloaded after didUpdateWidget, when this widget.pictureProvider At the same time, it cannot be loaded again, resulting in the picture being in the wrong state
Repository: flutter
Issue: [flutter_svg] Loading large size svg will not be smooth
Labels: package,p: flutter_svg

_Imported from https://github.com/dnfield/flutter_svg/issues/380_

Original report by @jazzyyoung on Jul 10, 2020

hello dear,
First of all, this is a great component that helped me a lot, thank you very much.And I drew a large svg ，with a size of 1024*1024 and about 512k [maybe will be larger in th future :)]. However, after loading this large-sized svg, zooming in and out with my fingers will not be smooth, how to deal with it Thank you again.

---
Comment by @dnfield on Jul 10, 2020
This library was designed primarily with smaller, simpler SVGs in mind - particularly icons.

It should be possible to make that smooth, but I don't have plans to work on that anytime soon. I'd be happy to review PRs or design documents that suggested how to do it.

---
Comment by @Reprevise on Nov 24, 2023
Hey @dnfield! How has this changed since `vector_graphics` is now the backend? I have this inconspicuous SVG here that is ~547kb. I used the vector_graphics_compiler to create a binary but that is still ~200kb. 
![CS2 Skill Group 18](https://trackercdn.com/cdn/tracker.gg/cs2/icons/skillgroups/skillgroup18.svg)

Right now, we're going to switch to using PNGs instead of an SVG for this, but I'd like to come back to it eventually. Is there any other way you think I could optimize this, especially for a scrolling list?


---
Comment by @dnfield on Nov 25, 2023
> Hey @dnfield! How has this changed since `vector_graphics` is now the backend? I have this inconspicuous SVG here that is ~547kb. I used the vector_graphics_compiler to create a binary but that is still ~200kb. ![CS2 Skill Group 18](https://camo.githubusercontent.com/65e4b86f1d1a2cf02ebcdaf18917740ffd6e7ad626843f12cabab3097ccdfa31/68747470733a2f2f747261636b657263646e2e636f6d2f63646e2f747261636b65722e67672f6373322f69636f6e732f736b696c6c67726f7570732f736b696c6c67726f757031382e737667)
> 
> Right now, we're going to switch to using PNGs instead of an SVG for this, but I'd like to come back to it eventually. Is there any other way you think I could optimize this, especially for a scrolling list?

This particular SVG is very detailed and would probably be better to ship as a raster asset.

---
Comment by @Reprevise on Nov 25, 2023
> This particular SVG is very detailed and would probably be better to ship as a raster asset.

We have shipped this as a WEBP for the time being (the 17 other rank SVGs too), and it's definitely way more compact at around ~40kb, and Flutter doesn't seem to have a problem with these. Thanks for the input!

_Thanks to you and the team for making this, we use your package a lot in production in our app!_
Repository: flutter
Issue: [flutter_svg] Bad state: Unsupported transform: ,translate
Labels: package,p: flutter_svg

_Imported from https://github.com/dnfield/flutter_svg/issues/405_

Original report by @liuqun1 on Aug 20, 2020

Bad state: Unsupported transform: ,translate

---
Comment by @Proberts on Aug 24, 2020
Is that comma before "translate" in the SVG? I think transforms are seperated by spaces, not commas. FWIW - Translate transforms are working for me with g tags.

---
Comment by @dnfield on Aug 24, 2020
Please share a full reproducing SVG.
Repository: flutter
Issue: [flutter_svg] Layering multiple SVGs
Labels: package,p: flutter_svg

_Imported from https://github.com/dnfield/flutter_svg/issues/408_

Original report by @Proberts on Aug 24, 2020

If I have multiple SVG images and want to combine them into a single drawable, is there an easy way to do this in flutter_svg already? I've hacked together a solution that pre-processes the SVGs as strings to transform and layer discreet svg elements as groups, but it seems like somewhere down in the data models there'd be a better way to add elements from one SVG to another. (I'm using the SVGs for google maps BitmapDescriptor so I can't use a Flutter Stack widget.)
Repository: flutter
Issue: [flutter_svg] test for predicted svg image
Labels: package,p: flutter_svg

_Imported from https://github.com/dnfield/flutter_svg/issues/411_

Original report by @shinriyo on Aug 27, 2020

Hello

I want to Integrated test for svg image set or not.

```
    final parentWidget = find.byWidget(detailReviewTableRow);
    final childrenFinder = find.descendant(
      of: parentWidget,
      matching:  find.byType('SvgPicture'),
    );

   expect(/* how to? */);
```

I want to check how many 'assets/hoge1.svg' and 'assets/hoge1.svg' exist
```
    final svgPicture = SvgPicture.asset(
      'assets/hoge1.svg',
      width: 100,
      height: 100,
    );

    final svgPicture = SvgPicture.asset(
      'assets/hoge2.svg',
      width: 100,
      height: 100,
    );
```

`Image` can check by `keyName`. but, this is how?
Repository: flutter
Issue: [flutter_svg] SVG with fill-opacity on groups not rendering correctly
Labels: package,p: flutter_svg

_Imported from https://github.com/dnfield/flutter_svg/issues/412_

Original report by @bbedward on Sep 1, 2020

I attached an svg that the plugin is not rendering correctly, I believe it is due to fill-opacity existing on groups `<g>` elements

[monkey.zip](https://github.com/dnfield/flutter_svg/files/5157330/monkey.zip)

Here's what the expected output is:

![image](https://user-images.githubusercontent.com/550752/91873968-a9926c00-ec47-11ea-8f74-da71366c0051.png)

This is what it looks like when rendered with flutter_svg:

![image](https://user-images.githubusercontent.com/550752/91874121-d0e93900-ec47-11ea-88bd-0c5ebd7073fc.png)

I believe this is due to the fill-opacity on the groups as I said, but not entirely sure.

---
Comment by @stact on Jan 1, 2021
Seems to be related to #184 

---
Comment by @dnfield on Mar 29, 2022
This managed to fall off my radar. It's fixable, but I'm currently working on a successor to flutter_svg that already can correctly render this image. I am still not sure if or when I will get to this.

---
Comment by @dnfield on Mar 29, 2022
The successor is at https://github.com/dnfield/vector_graphics. It is not currently ready for release.
Repository: flutter
Issue: [flutter_svg] OnError in SvgPicture.network
Labels: package,p: flutter_svg

_Imported from https://github.com/dnfield/flutter_svg/issues/421_

Original report by @marcoprodata on Sep 23, 2020

Dears,

How to set a errorimage when the url is bloken?

Thanks to advance,

---
Comment by @franarolas on Mar 2, 2021
@dnfield Is there any work on that or any way to achieve that?
Repository: flutter
Issue: [flutter_svg] Svg's Blend mode don't work when scroll is end.
Labels: package,p: flutter_svg

_Imported from https://github.com/dnfield/flutter_svg/issues/438_

Original report by @jason-moore92 on Oct 28, 2020

I used this package in my flutter project. 

SingleChildScrollView(
  child: Column(
     children: [
       ...... other components .....
        SvgPicture.asset(
            "path",
            width: 200,
            height: 200,
            fit: BoxFit.cover,
        ),
       ...... other components .....
     ],
  )
)
Svg file have some blend mode properties.
[https://drive.google.com/file/d/1lL1sYKFUWxtLXMX1RHZMJUc-Usq_Xq7R/view](url)

This is svg file
[https://drive.google.com/file/d/1l5IMaaNeq2s9BK3P7joCkHiOW5WzPMgh/view?usp=sharing](url)

As usual , svg is working well.
But, when start scrolling and scroll is end, svg's blend mode don't work.
I will attach  capture video.
[https://drive.google.com/file/d/1Qtk_RU9GGwQdgMN4_Oxa3TZec7sGoYOv/view](url)

I will wait for good news

Thanks for your time.


---
Comment by @dnfield on Oct 28, 2020
The links seem to be broken.

---
Comment by @dnfield on Oct 28, 2020
Also, can you please share a full reproduction including sample SVG?

---
Comment by @jason-moore92 on Oct 29, 2020
Okay sir. I will share source code.


---
Comment by @jason-moore92 on Oct 29, 2020
There is xd file including svg file and some screenshots
https://drive.google.com/drive/u/0/folders/1tpqykNvjYHC23shN9y3TsPgVLuz3c_oh

This is the test project.
[svg_issue.zip](https://github.com/dnfield/flutter_svg/files/5455795/svg_issue.zip)

As you can know if you check and run the project, I added the same 2 svg file.
but 1th svg file is okay, but 2th svg file don't working well.





---
Comment by @jason-moore92 on Oct 30, 2020
Hello sir. could you help me?

---
Comment by @dnfield on Nov 10, 2020
I am not able to reproduce this bug.

I strongly suspect this is a Skia related issue on a specific device. It would help to know what specific device/GPU model you're seeing this on - it should be possible to create a reduced reproduction for the Skia team to look at.

---
Comment by @jason-moore92 on Nov 11, 2020
I tested samsung phone and Huawei.
Huawei: CPU: Qualcomm Snapdragon 450
             GPU: OpenGL

---
Comment by @dnfield on Nov 12, 2020
I don't have access to those devices at the moment :\

---
Comment by @jason-moore92 on Nov 12, 2020
sorry sir. What's mean?
Don't you have those device?

---
Comment by @jason-moore92 on Nov 12, 2020
Or Do you have samsung phone?
Samsung Galaxy A8s
Repository: flutter
Issue: [flutter_svg] Add callback to listen when load error
Labels: package,p: flutter_svg

_Imported from https://github.com/dnfield/flutter_svg/issues/448_

Original report by @tbm98 on Nov 17, 2020

I want to know when it can't show image and throw error

---
Comment by @WieFel on Dec 15, 2020
+1
Repository: flutter
Issue: [flutter_svg] No support for preserveAspectRatio parameter
Labels: package,p: flutter_svg

_Imported from https://github.com/dnfield/flutter_svg/issues/451_

Original report by @Since55 on Nov 19, 2020

This parameter is not supported or doesn't work correctly.
Repository: flutter
Issue: [flutter_svg] Format Exception when encountering percentage instead of double
Labels: package,p: flutter_svg

_Imported from https://github.com/dnfield/flutter_svg/issues/458_

Original report by @loganrussell48 on Nov 30, 2020

I am retrieving the SVG data from a 3rd party, and it contains the following text that is causing an issue:

`<image clip-path="url(#clip)" height="62.0%" width="62.0%" .... >`

This causes my app to be unable to render important sections that are provided by the 3rd party SVGs.

A fix or update for this would be greatly appreciated.

---
Comment by @JaffaKetchup on Oct 21, 2021
Same issue here!

---
Comment by @kamxy on Aug 23, 2023
Any update?
Repository: svelte
Issue: docs: deep reactivity & proxified objects
Labels: documentation

### Describe the bug

One gotcha with deep reactivity is to make sure to grab the proxified object to work with inside closures to trigger the reactivity.

Maybe just a note in the docs about this can help? Or the examples below

### Reproduction

https://svelte.dev/playground/facd17ade79c4b56975cca4a9de21451?version=5.1.16

### Logs

_No response_

### System Info

```shell
none
```


### Severity

annoyance
Repository: flutter
Issue: [flutter_svg] SvgPicture from assets aligment property does not work
Labels: package,p: flutter_svg

_Imported from https://github.com/dnfield/flutter_svg/issues/503_

Original report by @M1chlCZ on Mar 1, 2021

In latest version of 0.21.0-nullsafety.0 Aligment does not work, chaning property value does not change anything. This is report for pre-release however with latest Android Studio on Windows 10, I was able to install only latest beta build of flutter which reuires nullsafety packages. So that´s what I need to work with. Otherwise I am getting compilation errors.

---
Comment by @marcospsviana on Mar 1, 2021
The same problem for me, using vscode manjaro linux, version flutter_svg  0.19.3 doesn't work. I just change in pubspec.yaml : flutter_svg: "0.19.0" it's work.
Repository: flutter
Issue: [flutter_svg] SvgPicture default to IconTheme
Labels: package,p: flutter_svg

_Imported from https://github.com/dnfield/flutter_svg/issues/510_

Original report by @Keetz on Mar 10, 2021

I think it would be awesome if the SvgPicture properties would default to the IconTheme.

Right now something like this has to be done if we want to use the IconTheme.

```
SvgPicture.asset(
    'assets/images/some_icon.svg',
    color: Theme.of(context).iconTheme.color,
    width: Theme.of(context).iconTheme.size,
    height: Theme.of(context).iconTheme.size,
    // And so on
)
```

This doesn't make much sense for the SvgPicture() in itself, but maybe if we had a SvgIcon() like mentioned briefly here https://github.com/dnfield/flutter_svg/issues/2#issuecomment-392359862

---
Comment by @JulianBissekkou on Jun 29, 2022
I would love to see that feature as described by the comment.
Repository: flutter
Issue: [flutter_svg] Performance to render many SVG in an animation
Labels: package,p: flutter_svg

_Imported from https://github.com/dnfield/flutter_svg/issues/511_

Original report by @tbarbette on Mar 10, 2021

Hi all,

I have an animation with basically many leaves falling of a tree and staying on the ground (in a 2D animation).  Each leaf is an instance of one of 14 leaves, which are DrawableRoot read using this package. Now, with the leaves staying on the ground it gets slower and slower. And as leaves keep falling, I must render the picture many times per second.

Would it be more performant to convert the DrawableRoot to a ui.Image, Picture, a Bitmap? And then use those instead of the DrawableRoot?  Or another solution?

Thanks,
Tom

---
Comment by @phuongtinhbien on Apr 22, 2021
I got the same problem. FPS on list with too much svg that allways under 15fps eventhough I cached image

---
Comment by @tbarbette on Apr 22, 2021
I reverted to using pre-loaded PNGs... It's much more efficient.

---
Comment by @dnfield on Apr 22, 2021
It really depends on the complexity of what you're drawing - sometimes using a rasterized version is more efficient, especially if there's a lot of complicated graphics ops in the drawing :\

---
Comment by @somavoyager on Jul 19, 2021
I apologize to dust up this old issue. I have complex set of SVG files that take bit of time (3-4 seconds) to render. Once the svg files are loaded into memory (on drawn in canvas), the subsequent rendering is quick in other screens. Is there a way to preload the svg assets? I can show a loading screen upfront to the user when loading the svg files.

---
Comment by @dnfield on Jul 19, 2021
Rasterize it to an image.
Repository: flutter
Issue: [flutter_svg] robust error handling
Labels: package,p: flutter_svg

_Imported from https://github.com/dnfield/flutter_svg/issues/515_

Original report by @dreamer2q on Mar 13, 2021


This is a svg source

```svg
<svg xmlns:xlink="http://www.w3.org/1999/xlink" width="1.743ex" height="3.009ex" style="vertical-align: -0.338ex;" viewBox="0 -1150.1 750.5 1295.7" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" aria-labelledby="MathJax-SVG-1-Title">
<title id="MathJax-SVG-1-Title">\vec A</title>
<defs aria-hidden="true">
<path stroke-width="1" id="E1-MJMATHI-41" d="M208 74Q208 50 254 46Q272 46 272 35Q272 34 270 22Q267 8 264 4T251 0Q249 0 239 0T205 1T141 2Q70 2 50 0H42Q35 7 35 11Q37 38 48 46H62Q132 49 164 96Q170 102 345 401T523 704Q530 716 547 716H555H572Q578 707 578 706L606 383Q634 60 636 57Q641 46 701 46Q726 46 726 36Q726 34 723 22Q720 7 718 4T704 0Q701 0 690 0T651 1T578 2Q484 2 455 0H443Q437 6 437 9T439 27Q443 40 445 43L449 46H469Q523 49 533 63L521 213H283L249 155Q208 86 208 74ZM516 260Q516 271 504 416T490 562L463 519Q447 492 400 412L310 260L413 259Q516 259 516 260Z"></path>
<path stroke-width="1" id="E1-MJMAIN-20D7" d="M-123 694Q-123 702 -118 708T-103 714Q-93 714 -88 706T-80 687T-67 660T-40 633Q-29 626 -29 615Q-29 606 -36 600T-53 590T-83 571T-121 531Q-135 516 -143 516T-157 522T-163 536T-152 559T-129 584T-116 595H-287L-458 596Q-459 597 -461 599T-466 602T-469 607T-471 615Q-471 622 -458 635H-99Q-123 673 -123 694Z"></path>
</defs>
<g stroke="currentColor" fill="currentColor" stroke-width="0" transform="matrix(1 0 0 -1 0 0)" aria-hidden="true">
 <use xlink:href="#E1-MJMATHI-41" x="0" y="0"></use>
 <use xlink:href="#E1-MJMAIN-20D7" x="749" y="309"></use>
</g>
</svg>
```

In which, it has `currentColor` property, which cannot be parsed correctly by flutter_svg, whilst the browse can handle this,

I wonder how can flutter_svg be more robust and throw less error but warns to indicate unexpected situations!

Thanks in advance.



---
Comment by @adlion on Apr 1, 2022
+1