SVG动画动画。随机开始位置

Question

我正在尝试创建原子的动画方案。我意识到电子的动画，但他们总是在Path元素的第一个点开始动画。

见这里的例子：http://localhostr.com/3CVziiftCJmm

如何从沿着路径曲线随机点开始动画？也可以接受另一种解决方案：旋转路径曲线。无论如何，我想让这个原子方案更真实。

Answer 1

svg中没有声明性的随机性，尽管它一直是proposed。如果你看看提供的示例，你会发现一个JavaScript库，它允许你在svg中使用声明性的随机性（但是请注意，它仍然需要JavaScript来工作）。

如果需要随机性，另一种选择是使用javascript生成所需的路径偏移量，例如，调整< motionPath>元素上的keyTimes and keyPoints属性。

它可能会完全兼容JavaScript驱动的动画，但是，webkit有动态修改的动画元素的问题。