Animation 沿直线或路径移动SVG对象

我想设置一个SVG对象的动画，使其遵循我从d3.js中的线生成器构建的SVG路径。有什么简单的方法可以做到这一点吗？特别是，我想获得与我的路径对应的插值坐标。从这里开始，使用tween.js或d3.js本身执行动画就很容易了。

据我所知，没有办法轻松获得d3中插值SVG路径的坐标，也就是说，您可能必须自己进行插值

---

但是，要沿该路径设置SVG对象的动画，不需要使用D3。您可以使用SVG

作为示例。
您可以修改此示例：

在本例中，使用SVG的getTotalLength和getPointAtLength沿SVG路径平移圆。您应该能够用任何SVG对象替换圆。
刚刚发现这有多旧。。。很抱歉示例链接处于脱机状态。只是一个提醒。