javascript - D3 按设定的时间间隔更新/重绘 SVG

标签 javascript d3.js svg

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

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

谢谢!

最佳答案

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

也就是说,我注意到您链接的 bl.ock 示例,以及它如何重绘而不是过渡。如果您想避免完全重绘,则需要以某种方式仅分离出更改的 SVG 小节,以便可以单独定位它们。就像 d3 SVG 对象的数组之类的。

关于javascript - D3 按设定的时间间隔更新/重绘 SVG,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32748100/

相关文章:

javascript - Array.isArray 和 jQuery.isArray 有什么区别?

javascript - 使用 D3 绘制折线图 - AngularJS

css - 使用 CSS 设置 SVG 元素的样式

javascript - 使用 Javascript 的 SVG 旋转

javascript - 如何在不改变圆内半径的情况下改变笔画宽度

javascript - 使用javascript连续移动div位置

javascript - redux-form 如何加载数据进行编辑

javascript - 分配/分发随机数量

css - 将所有 CSS 语句传输到 JavaScript 中的 D3 链 - 悬停样式的问题

javascript - 在 Dimple.js 中向行添加工具提示