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