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