我正在尝试创建原子的动画方案。我实现了电子动画,但它们总是在Path元素的第一个点开始动画。
请参阅此处的示例:http://localhostr.com/3CVziiftCJmm
如何从Path曲线的随机点开始动画?也可接受另一种解决方案:路径曲线的旋转。无论如何,我想让这个原子方案更加真实。
答案 0 :(得分:0)
svg中没有声明性随机性,尽管它已经proposed。如果您查看提供的示例,您将找到一个允许您在svg中使用声明性随机性的JavaScript库(但请注意,它仍然需要javascript才能工作)。
如果您需要随机性,另一个选项是使用javascript生成您需要的路径偏移,例如调整< motionPath>上的keyTimes
and keyPoints
属性。元件。
完全javascript驱动的动画可能会更兼容,但是webkit在动态修改动画元素方面存在问题。