Javascript 是否可以对路径动画进行排序

我有一个html页面，可以同时为三个svg路径设置动画

@关键帧绘制{
100% {
行程偏移：1；
}
}
.路径{
笔划阵列：555；
行程偏移量：555；
-webkit动画：向前绘制19s法线线性；
-moz动画名称：向前绘制3s法线线性；
-o-animation-name：向前绘制3s法线线性；
动画名称：向前绘制3s法线线性；
}

---

您可以使用

动画延迟

获取动画序列

堆栈片段

@关键帧绘制{
100% {
行程偏移：1；
}
}
.路径{
笔划阵列：555；
行程偏移量：555；
动画：向前画3s直线；
}
.路径：第n个子项（2）{
动画延迟：1s；
}
.路径：第n个子项（3）{
动画延迟：2s；
}

---

您可以使用

动画延迟

获取动画序列

堆栈片段

@关键帧绘制{
100% {
行程偏移：1；
}
}
.路径{
笔划阵列：555；
行程偏移量：555；
动画：向前画3s直线；
}
.路径：第n个子项（2）{
动画延迟：1s；
}
.路径：第n个子项（3）{
动画延迟：2s；
}

您的更改极大地帮助了我满足了我的需求，是否在动画完成后就可以开始了。@kishu是的，您可以这样做，但在这种情况下，我建议您查看此链接：您将发现有关aniamting Svgy的有趣内容您的更改极大地帮助了我满足了我的需求，动画结束后是否仍有开始。@kishu是的，您可以这样做，但在本例中，我建议您检查此链接：您将发现有关aniamting SVG的有趣内容