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

Animated images shown completly wrong when canvas is not a square

Open nyroDev opened this issue 8 months ago • 1 comments

Overview

In particular case, when an image is animated, the image is shown completly wrong.

Test file: https://lottie.host/7c7a55d0-4c96-4aaa-b8a7-8917c2dfebcc/KcYR4GjTvY.lottie

Expected result: Image

Shown result:
Image

You can find many tests here: https://codepen.io/nyroDev/pen/PwormWw

The animation was created with the following size: "w": 2160, "h": 3840, On my test cases, I'm showing it at exactly half size (1080x1920), but the bug also occurs at 2160x3840

For a strange reason, when using a square canvas (1080x1080 in my test cases), the image is shown correctly.

When using the old dotlottie-player, it's shown correctly.

Labels

  • [x] Add the Type: Bug label to this issue.

nyroDev avatar Apr 10 '25 09:04 nyroDev

Hi @theashraf If you need the After Effect Project used to create the test file, here it is:

test.zip

nyroDev avatar Apr 24 '25 14:04 nyroDev

@nyroDev this appears to be fixed in the latest [email protected]. Feel free to reopen the issue if it still persists. Thanks!

theashraf avatar Jun 15 '25 15:06 theashraf

@theashraf The problem is still here. You can open the original codepen https://codepen.io/nyroDev/pen/PwormWw and see that the first 2 exemple are still broken. Should I Reopen an isuee or could you do it?

nyroDev avatar Jun 30 '25 12:06 nyroDev

Hi @theashraf, Should I reopen an issue?

nyroDev avatar Jul 17 '25 14:07 nyroDev