使用 svg.js 的异步 svg 动画

问题描述

我正在尝试使用 SVG.js v3.0 创建一个 SVG 动画，我有一个持续时间为 3000 毫秒的动画。我想在这 3000 毫秒后开始第二个动画，持续时间为 1000 毫秒。我可以用下面的代码做到这一点;

line1.animate(1000).delay(3000).plot([[58,20],[90,20]])

接下来的动画将是这样的，

line2.animate(1000).delay(4000).plot([[58,30],30]])

但是，我会有很多动画，我相信应该有更好的方法来链接这些动画。为每个动画设置延迟和持续时间显然是错误的。有没有办法摆脱这些延迟并仍然异步执行代码？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）