设置间隔时D3更新/重绘SVG

时间:2015-09-23 19:37:31

标签: javascript d3.js svg

我有一个动画,其中一个平面上的点由多边形(gift-wrapping algorithm)动态封装。我使用路径SVG绘制多边形,但是,我注意到当点围绕平面变换并且被添加到多边形的周边/从多边形的周边移除时,整个多边形将在其过渡期间旋转以进行调整,看起来很乱,造成可视化不佳。

我可以看到很多例子(example)涉及在事件发生时用新数据重新绘制(而不是转换)整个路径SVG。 我想知道是否有任何方法可以按设定的时间间隔重绘路径,例如每x毫秒一次,或者每次转换点一次。

谢谢!

1 个答案:

答案 0 :(得分:0)

如果没有您的解决方案目前的示例,这很难理解。

那就是说,我注意到你链接的bl.ock示例,以及它如何重绘而不是转换。如果您想避免完全重绘,您需要以某种方式单独更改已更改的SVG子部分,因此可以单独定位它们。就像d3 SVG对象的数组,或者其他东西。