Javascript 简单地说，如何在画布中使用一个数组制作多行动画？

我不熟悉编码和Javascript，我有点迷路了。我正在尝试创建多条在刷新时设置动画的线。像这样的

if（最小值<最大值）{
context.beginPath（）；
如果（指示）{
moveTo（topMinX，topMinY）；
topMinX=topMinX+2；
lineTo（topMinX，topMaxY）；
}否则{
moveTo（topMinX，topMinY）；
topMinY=topMinY+2；
lineTo（topMaxX，topMinY）；
}
context.lineWidth=4；
stroke（）；
}

}

但是在y轴上有多条线，间隔大约20个像素

---

我的老师建议用一个数组做多行，但我完全迷路了

我已经用叉子创建了一个新的：。
注意，我已经更改了函数，使其仅适用于垂直线（

方向

变量现在已过时）

你应该给我们一个数组作为x坐标。这里，数组是

linesX = [20, 40, 60, 80]

它在x坐标x=20、x=40、x=60和x=80上指定了4条线。

---

现在，运行一个

for

循环，遍历每个x坐标，分别绘制每条线。最后在末尾添加增量，

topMinY+=2

，这是

topMinY=topMinY+2

的简写，您可以使用x，y值数组，并在for循环中使用lineTo。

linesX = [20, 40, 60, 80]