Console Log Error: <rect> attribute transform: Expected number, "matrix(NaN,NaN,NaN,NaN,…".

airbnb / lottie-web

Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/

MIT License

30.37k stars 2.87k forks source link

Console Log Error: <rect> attribute transform: Expected number, "matrix(NaN,NaN,NaN,NaN,…". #2267

Closed jasenmpeterson closed 4 years ago

jasenmpeterson commented 4 years ago

I'm having something strange happen, the animation works fine in the demo but when I try to bring it into say Codepen: https://codepen.io/meatjasenmp/pen/NWNxYKZ I get the error above. I also tried to bring it into the site I'll be using it on to make sure it wasn't a fluke and I get the same issue.

The json file can be found here: https://www.dropbox.com/s/y5waffyg1fm6mrj/data.json?dl=0

TEL_homepageAnimation_v01.aep.zip

Any insight would be much appreciated.

cruiser12 commented 3 years ago

Hello, the same happens with my lottie file and the latest player version.
Is there any progress on this? Kind regards

bodymovin commented 3 years ago

@cruiser12 hi can you share the .aep and a link with the implementation?

oDaShuTz commented 9 months ago

the same happens to me....

oDaShuTz commented 9 months ago

nicomollet commented 2 weeks ago

I had more or less the same javascript errors.

I switched the lottie player "renderer" from svg to canvas, and it helped a lot: no more JS errors and lower CPU load. Update: no more errors but the animation is not consistent (frames missing), in comparison to the svg renderer.