Optimierung von SVG ViewBox Animation in Firefox

Question

Ich entwickle eine Javascript-Diagramm-Bibliothek, wählte ich Svg für diesen Zweck. Es ist wichtig, die viewBox von Zeit zu Zeit zu ändern, damit Benutzer alle Teile des Diagramms sehen können.

Ich habe snap.svg für die Animation meiner ViewBox-Attribut verwendet und es ist irgendwie glatt, aber nicht befriedigend.

Ich frage mich, gibt es andere Techniken, um Svg Re-Rendering zu verbessern, wie mit GPU oder etwas?

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

meist träge, wenn alle viewBox Attribute auf einmal geändert werden, ohnehin dies zu verbessern? Meine Svg enthält nur <line> und <circle>

Edit: Es ist viel glatter in Chrom als Firefox, so ist Chrom in Ordnung.

Edit: Selbst ist das Internet Explorer besser als Firefox

Answer 1

Das Problem ist nicht die Animations Methode ist aber svg Leistung in Firefox Render.

Zuvor habe ich zwei <line> pro "x" -Form in meinem Svg verwendet, also um die Anzahl der Objekte zu reduzieren, änderte ich sie auf <polyline>, was mir 10% - 20% Rendering-Geschwindigkeit gab.