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

时间:2012-11-06 13:58:10

标签: animation svg motion

我正在尝试创建原子的动画方案。我实现了电子动画,但它们总是在Path元素的第一个点开始动画。

请参阅此处的示例:http://localhostr.com/3CVziiftCJmm

如何从Path曲线的随机点开始动画?也可接受另一种解决方案:路径曲线的旋转。无论如何,我想让这个原子方案更加真实。

1 个答案:

答案 0 :(得分:0)

svg中没有声明性随机性,尽管它已经proposed。如果您查看提供的示例,您将找到一个允许您在svg中使用声明性随机性的JavaScript库(但请注意,它仍然需要javascript才能工作)。

如果您需要随机性,另一个选项是使用javascript生成您需要的路径偏移,例如调整< motionPath>上的keyTimes and keyPoints属性。元件。

完全javascript驱动的动画可能会更兼容,但是webkit在动态修改动画元素方面存在问题。