Different rendering result compared to lottie-web

[ebeloded]

Overview

When rendering a simple animation from the same JSON file, the result is different when using dotlottie-web compared to lottie-web. The dotlottie-web rendering produces unexpected opaque center within the rocket:

In the above example, lottie-web uses canvas renderer for fair comparison. Both use the same JSON file as a source. I tried converting JSON to dotlottie format, but it didn't change the result.

Reproduction

I created minimal reproduction that can be observed here: https://stackblitz.com/edit/vitejs-vite-2pieau?file=src%2FApp.svelte

[theashraf]

Thanks @ebeloded for bringing this issue, it appears this might be related to ThorVG (the underlying rendering engine used by dotlottie-web).

@hermet Can you help have a look at this issue ? This version of dotlottie-web is using ThorVG@v0.12.7

[hermet]

@ebeloded @theashraf hello, this issue will be fixed in thorvg 0.12.10, thanks for reporting!

[theashraf]

@ebeloded, this issue has been resolved in dotlottie-web@0.18.1. I've tested it here.

Feel free to close the issue if everything looks good on your end.

[ebeloded]

Great! Thank you!