FirefoxでのSVG viewBoxアニメーションの最適化

Question

私は、javacriptチャートライブラリを開発していますが、この目的でsvgを選択しました。 viewBoxの時間を変更して、ユーザーがグラフのすべての部分を見ることができるようにすることが重要です。

私はviewBox属性をアニメーション化するためにsnap.svgを使用しました。それはどういうわけかスムーズですが満足できません。

GPUなどを使用しているような、svgの再レンダリングを改善するための他のテクニックはありますか？すべてのビューボックスの属性を一度に変更されたときに、とにかくこれを

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

ほとんどの低迷向上させるには？私のsvgは<line>と<circle>

しか含んでいません。編集：それは、firefoxよりもはるかにスムーズですので、chromeは大丈夫です。

編集：でも、Internet Explorerの問題がアニメーションの方法が、SVG Firefoxでのパフォーマンスをレンダリングしないのfirefox

Answer 1

よりも優れています。

以前は私のsvgで "x"の形に2つの<line>を使用していましたので、オブジェクト数を減らすために、<polyline>に変更しました。