lottie-web icon indicating copy to clipboard operation
lottie-web copied to clipboard

Lottie matte rendering artifacts with lines.

Open andrewvarga opened this issue 9 months ago • 0 comments

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): Screenshot 2024-05-14 at 21 04 45

This is what it actually looks like (ignore the transparent background, note the weird shape of the bottom shape): Screenshot 2024-05-14 at 21 05 52

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 question:

matte_bugs.lottie.json

andrewvarga avatar May 14 '24 19:05 andrewvarga