SVG scaling and choppy performance

Hello everybody,

I’m going to make a SVG animation. Transforming positions works well, but scaling or more precisely resizing SVGs bigger than the stage makes the animation choppy. https://dl.dropboxusercontent.com/u/34313261/HypeScaleTest/test.html

Archiv.zip (107.5 KB)

Does anyone know how to solve that?

Greetings and thx
rownn

It ran well in Safari for me, nothing at all choppy about it, load time was very good.

1 Like

Safari, Chrome, Opera looked good. FireFox was not just choppy it displayed significant stutters.

1 Like

:confused: Im afrait you´re rigth. I didnt checked if its just a FF issue. My bad! Hmm, I don´t like that cross-browser stuff.

Ill keep it in mind… thx alot
rownn

SVG can have poor performance characteristics in many browsers; often it is worth converting to a PNG and testing the difference. Of course there can be a size vs. fps tradeoff in that approach.

1 Like

FF handles svg, but doesn’t like resize more than few percents…
pixels must be plain! never 1.3456 px positioned it …

IE handles svg very porly whatsoever … stay a 100% at all times…

1 Like