search

LottieFiles / dotlottie-web

Official LottieFiles player for rendering Lottie and dotLottie animations in the web. Supports React, Vue, Svelte, SolidJS and Web Components.
https://developers.lottiefiles.com/docs/dotlottie-player/
MIT License
94 stars 6 forks source link

Drop shadows are not rendering properly in canvas #257

Open manikanta-miro opened 1 week ago

manikanta-miro commented 1 week ago

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 commented 1 week ago

@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