Javascript D3中的SVG转换在webkit中非常慢?

Javascript D3中的SVG转换在webkit中非常慢?,javascript,css,svg,d3.js,Javascript,Css,Svg,D3.js,只是想知道是否还有其他人经历过这个问题。我使用的代码与D3的饼图更新示例基本相同: 但是在一个有很多这样的SVG元素的页面上(想想100)。我一次只过渡到16个左右,但过渡滞后,在Chrome/Safari上明显波动。在Firefox和IE上,它们对于更高的甜甜圈图表来说是非常平滑的。在CSS3转换中阅读一些内容并转换translate3d以提高性能,但我不确定这是否适用于这里……有什么想法吗 干杯 困倦的 编辑:也许我还应该提到,在Chrome/Safari中,路径的初始呈现也需要相当长的时间

只是想知道是否还有其他人经历过这个问题。我使用的代码与D3的饼图更新示例基本相同:

但是在一个有很多这样的SVG元素的页面上(想想100)。我一次只过渡到16个左右,但过渡滞后,在Chrome/Safari上明显波动。在Firefox和IE上,它们对于更高的甜甜圈图表来说是非常平滑的。在CSS3转换中阅读一些内容并转换translate3d以提高性能,但我不确定这是否适用于这里……有什么想法吗

干杯

困倦的


编辑:也许我还应该提到,在Chrome/Safari中,路径的初始呈现也需要相当长的时间……可能需要8-10倍。

是的,页面上有很多元素,你就会看到。这是webkit特有的吗?我想我必须减少SVG元素的数量……奇怪的是,当我只转换一个很小的子集时,它会影响转换。通常情况下,你会变慢。这也可能取决于浏览器/webkit版本。谢谢。这也会受到简单HTML元素的影响吗?我重构了一些东西,以便只有当前可查看的SVG图像存在,其余的被销毁,但它们的HTML容器仍然存在,动画仍然很慢。然后,可能是转换减慢了速度。