SVG.js 如何循环多个动画步骤

SVG.js how to loop through multiple animation steps

我刚开始使用 svg.js。我想将一个元素从它的原始位置动画化到第二个位置,然后再回到原始位置并循环该过程。实现这一目标的赌注是什么?

提前致谢

//编辑:只需使用 loop() 方法循环动画

对于较长的动画链,您需要以下解决方案:

对于 svg v2.x 来说,内置的方式是不可能的。您可以编写一个函数来设置整个动画链并在动画完成后调用它(使用 afterAll() 方法)

在 svg v3.x 中,您可以设置时间轴并及时移动以重播动画。 您可以在此答案中阅读更多相关信息: