Raphael JS同时为单独的元素制作动画

Question

我有点像svg的新秀，但确实理解足以让自己陷入困境。我正在寻找更高级别的解决方案，而不是确切的代码。基本上我有以下设计需要是一个动画路径：

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

谢谢！

Answer 1

我认为你要为它们制作动画的是animate新元素的元素属性

要为路径设置动画，您必须更加努力地工作并将transformPath写为seen in this answer

更新

要同步动画它们，raphael.js提供了一个接受这些参数的animateWith方法：

  

参数：

     

元素 - [object]元素与

同步      

anim - [object]动画与

同步      

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

最初在this answer中看到，其中还包括小提琴