SVG.js如何遍历多个动画步骤

时间:2019-03-30 15:31:35

标签: loops svg svg.js

我是使用svg.js的新手。我想将元素从其原始位置动画化为第二个位置,然后返回到原始位置并循环该过程。达到这个目标有什么赌注?

预先感谢

1 个答案:

答案 0 :(得分:1)

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

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

对于svg v2.x,实际上不可能以内置方式实现。您可以编写一个函数来设置整个动画链,并在动画结束后调用它(使用--方法)

在svg v3.x中,您可以设置时间轴并及时移动以重播动画。 您可以在以下答案中了解更多信息: How can i use timelines in version svg.js 3.x