IE 11 SVG动画平滑度

Question

我在IE 11上的SVG平滑度问题很严重（在Chrome上完美运行）。

它应该像实时时间线一样工作。 SVG元素动态地增加它的高度，事件显示在它的时间并且一直向下。问题是1px移动元素是可见的，看起来很糟糕。

在Chrome上，我通过添加transform: rotate(360deg)（现在我还有scale()）解决了这个问题，这些元素启用了抗锯齿，现在它在那里工作顺利。

不幸的是，IE上的动画并不顺利。我尝试按x / y和translate()定位元素。每次请求动画帧时精确计算位置。它包含在光栅图像中更加明显（或者我只是这么认为）。我尝试使用shape-rendering，text-rendering（用于文字）和image-rendering用于这些图片。

有一个简单的JSFiddle：http://jsfiddle.net/9ke74mqo/

有没有其他想法？

由于

Answer 1

如果有人有兴趣，我刚刚解决了。问题是在IE中没有任何可能通过任何svg元素属性打开抗锯齿。当我在<g transform="rotate(360)" />元素中打包所有内容时，一切正常。