在 Firefox 中优化 SVG viewBox 动画
Optimizing SVG viewBox Animation in Firefox
我正在开发一个 javascript 图表库，为此我选择了 svg。
时常更改 viewBox 以允许用户查看图表的所有部分至关重要。
我使用 snap.svg 为我的 viewBox 属性设置动画，它在某种程度上很流畅但不令人满意。
我想知道是否有其他技术可以改进 svg 重新渲染，比如使用 GPU 或其他？
https://jsfiddle.net/omidh/uwc0y524/1/
一次更改所有 viewBox 属性时最慢，无论如何要改进这个？我的 svg 只包含 <line> 和 <circle>
编辑：chrome 比 firefox 更流畅，所以 chrome 没问题。
编辑：甚至 Internet Explorer 也比 firefox 好
问题不在于 Animation 方法，而在于 Firefox 中的 svg Render 性能。
之前我在我的 svg 中每个 "x" 形状使用了两个 <line>，所以为了减少对象数量我将其更改为一个 <polyline> 这给了我 10% - 20% 的渲染速度提升。
我正在开发一个 javascript 图表库，为此我选择了 svg。 时常更改 viewBox 以允许用户查看图表的所有部分至关重要。
我使用 snap.svg 为我的 viewBox 属性设置动画，它在某种程度上很流畅但不令人满意。
我想知道是否有其他技术可以改进 svg 重新渲染，比如使用 GPU 或其他？
https://jsfiddle.net/omidh/uwc0y524/1/
一次更改所有 viewBox 属性时最慢，无论如何要改进这个？我的 svg 只包含 <line> 和 <circle>
编辑：chrome 比 firefox 更流畅，所以 chrome 没问题。
编辑：甚至 Internet Explorer 也比 firefox 好
问题不在于 Animation 方法，而在于 Firefox 中的 svg Render 性能。
之前我在我的 svg 中每个 "x" 形状使用了两个 <line>，所以为了减少对象数量我将其更改为一个 <polyline> 这给了我 10% - 20% 的渲染速度提升。