Javascript Raphael JS同时为单独的元素设置动画

我是svg方面的新手，但我的理解足以让自己陷入困境。我更多的是寻找问题的高级解决方案，而不是精确的代码。基本上，我有以下设计，需要动画路径：

我有点不确定该如何创建路径、沿路径的橙色和白色圆圈、每个点下方的橙色连接路径，然后在更新路径时同时设置动画。我正在使用Raphael JS库。我已经知道如何创建路径、圆等，但我真的觉得我对如何通过动画将它们连接在一起缺乏高层次的理解

---

谢谢

我想你要做的就是将元素的属性设置为新值

要设置路径的动画，您必须更加努力地工作，并编写一个transformPath，如下所示

更新： 为了同步设置它们的动画，raphael.js提供了一种接受以下参数的方法：

参数：

元素-[对象]要与之同步的元素

动画-[对象]要与之同步的动画

动画-[object]动画对象，请参见Raphael.animation

---

最初在中看到，其中还包括一把小提琴

，这将对您有所帮助。感谢您的回复，我更希望找到一个解决方案，如何将两者结合起来。分别设置它们的动画不是问题。我的问题是，当设置路径动画时，沿路径的圆变得“分离”，即使我将它们设置为与路径相同的值。它们只是单独的实体，动画不能完美地一起运行。想知道是否有一种方法可以让他们更顺利地相处。谢谢