在Firefox

Question

我正在开发一个javascript图表库，为此我选择 svg 。 随时更改viewBox以允许用户查看图表的所有部分至关重要。

我使用snap.svg为我的viewBox属性设置动画，但它有点流畅但不满意。

我想知道是否有其他技术可以改进svg重新渲染，比如使用GPU或其他东西？

https://jsfiddle.net/omidh/uwc0y524/1/

当所有viewBox属性一次更改时，大多数都是缓慢的，无论如何要改进这一点？我的svg只包含<line>和<circle>

编辑：它在chrome中比firefox更加流畅，因此chrome很好。

编辑：即使是Internet Explorer也比firefox

更好

Answer 1

问题不是动画方法，而是svg在Firefox中渲染性能。

之前我使用了两个<line>每个＆＃34; x＆＃34;在我的svg中形状，所以为了减少对象数，我把它改为一个<polyline>，这给了我10％ - 20％的渲染速度提升。