HTML5画布动画不能正常工作

Question

所有的JavaScript是style.js - http://html5canvas.hoangminhdat.com

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

这是我做过什么：

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

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

3. 我成功地申请了“circles”数组的第一个元素（圈[0]）。我添加了圈子[1]。而蓝线居然出现在画布约1秒，然后消失......

我无法找到我的代码的任何错误。由于circles[0]有效，而circles[1]在页面加载时有效。我相信我的代码完全正常运行。

嗯，我希望有人能帮助我。

Answer 1

你有一些错误在循环

//use the position to make dots 
for (var i in points[j]) { ... } 

它抛出大量的错误。

我还没有进入细节，但它正在寻找数组中的一些额外的项目。你可以看到你的榜样工作here这种变化

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

也许你可以从那里找出什么在您所有的代码完全错误的...