rownn
October 1, 2016, 4:31pm
1
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
rownn
October 2, 2016, 12:00am
4
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
jonathan
(Jonathan Deutsch)
October 3, 2016, 7:54pm
5
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