html5画布动画无法正常工作

时间:2012-09-13 03:43:19

标签: javascript class for-loop html5-canvas

所有javascript都在style.js - http://html5canvas.hoangminhdat.com

您可以看到页面加载时出现蓝线,并在一定时间后快速消失。我已经花了好几个小时,已经做了我能做的一切来调试它,但我改变了没有修复它。

这就是我所做的:

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

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

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

  4. 我在代码中找不到任何错误。由于circles[0]有效,而circles[1]在页面加载时会工作一段时间。我相信我的代码完全正常运行。

    好吧,我希望有人可以帮助我。

1 个答案:

答案 0 :(得分:0)

你的循环中有一些错误

//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++) {

也许你可以从那里找出所有代码中的错误...