D3JS - 以恒定速度沿着svg路径为圆圈设置动画

Question

我想使用d3.js沿路径移动一个圆圈。我使用了Mike Bostocks＆＃39;网站：

http://bl.ocks.org/KoGor/8162640

我希望沿着路径以恒定的速度移动我的圆圈，并在将它添加到我的svg后立即移动它。我无法看到如何扭曲代码以使其工作。

有人知道怎么做吗？

最佳

Answer 1

你应该只添加一行

.ease("linear")

在.duration(7500)之后，你应该全部设定。

这是documentation on ease()，但你应该阅读所有与过渡相关的内容，而你吃了它......

Here is also a test example了解与ease()相关的各种可能性：