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
Post a Comment