search

airbnb / lottie-web

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

Different colors in svg and canvas renderers #2939

Open stepancar opened 1 year ago

stepancar commented 1 year ago

Different colors in svg and canvas renderers

Tell us about your environment

What did you do? Please explain the steps you took before you encountered the problem. Hi! In this demo https://jsfiddle.net/ju7423zf/27/ I have created 2 lottie animation items with canvas and svg renderers. They both load the same animation But results are different

Screenshot 2023-03-02 at 12 48 05 PM

Could you explain why? Is it a bug or expected? Any workarounds? Thank you!

What did you expect to happen? Colors on moving shape should look the same for canvas and svg renderer

Please provide a download link to the After Effects file that demonstrates the problem. https://storage.googleapis.com/lumen5-prod-lottie/Dentons/title_01_blue_v1.json

bodymovin commented 1 year ago

hi, it seems to be an opacity issue, can you share the .aep?

stepancar commented 1 year ago

svg-canvas_Lottie.aep.zip @bodymovin thank you!

stepancar commented 1 year ago

@bodymovin , I've checked that globalAlpha has correct value. Can it be related to blendMode?

fabioimpe commented 4 months ago

Is there a solution to this?