Html 如何交替设置多段线点的动画？

我已经设法使动画与多段线点一起工作，但无法设法“反转”动画，使其不会跳回到起点，而是将从一端到另一端（例如：）进行动画制作，就像从一端到另一端进行动画制作一样。 我使用的点在JS中生成，然后注入HTML

当前代码：

多段线{
笔画宽度：1；
笔画：黑色；
填充：无；
动画方向：交替；
}

---

您可以使用

值

属性，而不是

from

和

to

。

values

属性的值是以分号分隔的值列表。在这种情况下，使用来自的

；到从

开始，如下所示：

svg{
边缘顶部：100px；
宽度：100%；
溢出：可见；
}
多段线{
笔画宽度：1；
笔画：黑色；
填充：无；
动画方向：交替；
}
生动活泼{
动画方向：交替；
}