airbnb / lottie-web

Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/
MIT License
29.85k stars 2.85k forks source link

SVG (Smil) problem by gradient fill or stroke #3032

Open miladghiravani opened 10 months ago

miladghiravani commented 10 months ago

@bodymovin Hi, I have problem to export .svg by gradient fill or stroke for shape! My After Effects is English.

For example I draw shape like this on after effects: a001

Then I set this settings and save project on local drive: a002

But .svg exported like this: a003

I haven't problem by lottie (.json) and lottie show gradient as well: a004

But .svg not showing gradient fill or stroke!

When I open the .svg file in the text editor, there is no code to set the gradient! a005

And if the values ​​I highlighted are manually added to the svg file, the file will display the gradient correctly and this indicates a bug in the svg output of the Bodymovin plugin. a006

Project files: a01.zip

The svg file that I edited: data.zip

Windows 10 , After effects 23.6.0 , Bodymovin 5.11.0