Javascript 将我的多段线放在无限循环中？

好了，伙计们，这就是我的。我在多段线中的每个破折号上循环，我把它四舍五入到984，它真的很像984，还有一些变化。但无论如何，我看不到任何移动，我想要的是直线围绕多段线一致地移动。任何人都可以看到为什么随着dashoffset的不断更改，此多段线会移动。然后我重新初始化这个函数。有人知道这家伙为什么一动不动吗？谢谢你。我可能真的在胡编乱造，但我想看看我是否能得到另一个输入

loop（）；
函数循环（）{
var计数器=0；
var polyline=新数组（）；
对于（变量i=0；i<984；i++）{
多段线[0]=getElementById（'poly'）；
多段线[0]。style.strokeDashoffset=i；
}
loop（）；
}

---

你在那里的无限循环似乎毫无用处。您希望使用

requestAnimationFrame

而不是直接调用循环，循环似乎没有任何用处（只是将dashoffset设置为最后一个

i

值）。但是你甚至不需要使用脚本来设置笔划的动画

<svg viewBox="-8 -8 916 416">
    <polyline points="0,200
                   450,0
                   900,200
                   450,400
                   0,198.4" />
</svg>

---

看。如果你想摆脱丑陋的左角，你可以尝试使用多边形而不是多段线，比如。

你能用一个清晰的解释来更新这个问题吗？类似于？多段线创建了一个菱形，现在两边相对，当前已填充。我希望这两条线沿着多段线无限地移动。我意识到计数器是无用的，我已经删除了它

polyline {
    stroke-linejoin: round;
    fill:red;
    stroke:black;
    stroke-width:8;
    stroke-dasharray:492.44289 492.44289;
    stroke-dashoffset:0;
    animation-duration: 1s;
    animation-name: march;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
}

@keyframes march {
    0% {
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dashoffset: 492.44289;
    }
    100% {
        stroke-dashoffset: 984.88578;
    }
}