javascript - IE 11 SVG animation smoothness -


i've got big problem svg smoothness on ie 11 (works on chrome).

it should work real-time timeline. svg element dynamically increasing it's height, events shown in it's time , goes down time. problem moving elements 1px visible , looks bad.

on chrome resolved problem adding transform: rotate(360deg) (now i've got scale()) enabled antialiasing these elements, , it's working smoothly there.

animation on ie isn't smooth unfortunately. tried positioning elements both x/y , translate(). position calculated precisely each time requesting animation frame. it's more visible on raster images included (or think so). tried using shape-rendering, text-rendering (for text) , image-rendering these images.

there simple jsfiddle: http://jsfiddle.net/9ke74mqo/

has other idea?

thanks

if interested i've resolved it. problem in ie there isn't possibility turn on antialiasing svg element property. when packed in <g transform="rotate(360)" /> element works fine.


Comments

Popular posts from this blog

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

linux - disk space limitation when creating war file -