Javascript html5画布动画无法正常工作

所有的javascript都是

style.js

-

您可以看到，页面加载时会出现蓝线，并在一定时间后迅速消失。我花了好几个小时，尽我所能去调试它，但没有任何改变来修复它

这就是我所做的：

我使用全局变量来创建红线

我去掉了全局变量，创建了一个类（圆）。我将对象存储在数组（圆）中，并使用这些对象的属性而不是变量

我成功地申请了“圆”数组的第一个元素（圆[0]）。我添加了圆圈[1]。蓝线实际上在画布上出现了大约1秒，然后消失了

我在代码中找不到任何错误。因为

圆圈[0]

可以工作，而

圆圈[1]

在页面加载时可以工作一段时间。我相信我的代码是完全有效的

---

嗯，我希望有人能帮我。

您的循环中有一些错误

它抛出了很多错误

我还没有详细说明，但它正在数组中寻找一些额外的项。您可以看到使用此更改的示例

//使用该位置制作点
var numPoints=点[j]。长度-1，i；
因为（i=0；我太感谢你了！！，这就是为什么我第一次设置淡出效果时会有一个奇怪的点跟随我的路径…尽管我真的不知道为什么会这样，非常感谢！！！
//use the position to make dots
for (var i in points[j]) { ... }

//use the position to make dots
var numPoints = points[j].length-1, i;
for (i = 0;i<numPoints;i++) {