Drop shadows are not rendering properly in canvas

[manikanta-miro]

Overview

Hey there,

I've been using @lottiefiles/react-lottie-player to display my lottie files. It's been working well so far. Since we're planning to start using dotLottie files, I decided to switch to @lottiefiles/dotlottie-react. Everything seems to be working fine, except for the drop shadows which are not rendering properly when I use canvas.

I've attached a sample lottie animation video with a drop shadow using both packages. Please let me know if you have any insights on how to fix this issue.

Lottie file used : https://lottie.host/d1aaa4d6-31ac-4993-bcd7-0068062a471a/A0dzHfWS4f.json (This is a sample file, but issue is happening on other files as well with shadows)

https://github.com/LottieFiles/dotlottie-web/assets/118890643/677f2461-d10e-4ba9-9ba8-2d3b642ba9a4

Labels

Type: Bug

[theashraf]

@manikanta-miro Layer effects are not supported by our Lottie renderer (ThorVG) You may refer to this comment for more details https://github.com/thorvg/thorvg/issues/2442#issuecomment-2182712422

[github-actions[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 7 days if no further activity occurs.

[theashraf]

@manikanta-miro fixed in dotlottie-react v0.9.1

[alihs]

Do we have a way to make shadows work with lottie-wc

[hermet]

Hi, drop shadow is not supported by the renderer yet, but it will be available soon.

[alihs]

Thanks.