LottieFiles / lottie-player

Lottie viewer/player as an easy to use web component! https://lottiefiles.com/web-player
MIT License
1.55k stars 175 forks source link

Lottie matte rendering artifacts with lines #246

Open andrewvarga opened 4 months ago

andrewvarga commented 4 months ago

if I have a rectangle and apply another one to it as a matter layer it works. However if I have a line (2 point bezier path) with a large stroke, which also looks like a rectangle and apply a matte to that, I get some strange artifacts in the lottie web player, the bodymovin player or in lottiefiles Playground.

This is what it should look like (the bottom shape is a line, both are masked by a rectangle):

330561767-28db67b1-02fd-4cd3-a4c1-fb2c8abb923c

This is what it actually looks like (ignore the transparent background, note the weird shape of the bottom shape):

330562057-cf064c74-cd5b-4963-9221-ec2c99c82045

To me this looks like a bug in the Lottie player / renderer. Can someone confirm and advise about a fix or workaround? Thank you!

Here is the lottie file in ques matte_bugs.lottie.json tion: