SVG.js 如何循环多个动画步骤
SVG.js how to loop through multiple animation steps
我刚开始使用 svg.js。我想将一个元素从它的原始位置动画化到第二个位置,然后再回到原始位置并循环该过程。实现这一目标的赌注是什么?
提前致谢
//编辑:只需使用 loop() 方法循环动画
对于较长的动画链,您需要以下解决方案:
对于 svg v2.x 来说,内置的方式是不可能的。您可以编写一个函数来设置整个动画链并在动画完成后调用它(使用 afterAll()
方法)
在 svg v3.x 中,您可以设置时间轴并及时移动以重播动画。
您可以在此答案中阅读更多相关信息:
我刚开始使用 svg.js。我想将一个元素从它的原始位置动画化到第二个位置,然后再回到原始位置并循环该过程。实现这一目标的赌注是什么?
提前致谢
//编辑:只需使用 loop() 方法循环动画
对于较长的动画链,您需要以下解决方案:
对于 svg v2.x 来说,内置的方式是不可能的。您可以编写一个函数来设置整个动画链并在动画完成后调用它(使用 afterAll()
方法)
在 svg v3.x 中,您可以设置时间轴并及时移动以重播动画。
您可以在此答案中阅读更多相关信息: