flutter_svg icon indicating copy to clipboard operation
flutter_svg copied to clipboard

Incorrect rendering of gradients from a Figma exported SVG.

Open modulovalue opened this issue 1 year ago • 4 comments

Hello Dan,

Consider the following SVG:

invoice_detail_gradient

which appears to be rendered incorrectly by flutter_svg.

Here's what I'm seeing in a Flutter App:

actual

Here's what I was expecting:

expected

Notice how some of the gradients appear to be wrong.

The file was designed in Figma and exported from Figma.

I'm using the following to load that SVG:

... SvgPicture.asset(path_to_asset) ...

With the following flutter release:

Flutter 3.16.7 • channel stable • https://github.com/flutter/flutter.git
Framework • revision ef1af02aea (3 months ago) • 2024-01-11 15:19:26 -0600
Engine • revision 4a585b7929
Tools • Dart 3.2.4 • DevTools 2.28.5

And the newest flutter_svg release:

  flutter_svg: ^2.0.10+1

Do you know if there are any limitations that might make this unlikely to ever be fixed or could this be an actual bug?

modulovalue avatar Apr 17 '24 17:04 modulovalue

me .. too is there any updates?

sketchitbiz avatar May 25 '24 14:05 sketchitbiz

I ended up using PNGs instead.

modulovalue avatar May 25 '24 16:05 modulovalue

The SVG filter spec isn't supported in the package.

jonahwilliams avatar May 28 '24 15:05 jonahwilliams

same issue

nbetsaif avatar Jun 30 '24 12:06 nbetsaif