Canvas clearRect没有擦除我的所有线条

Question

我正在使用clearRect擦除和重新绘制画布上的线条，但偶尔会保留线条。我不知道我错在哪里了。我已经在这里上传了一个演示。这是问题的屏幕截图：

http://zackseuberling.com/screenshots/screen_shot_2011-10-27_at_11.19.29_am_bd26.png

我传入了要绘制为多层数组的线，如下所示

    all_curves = [
            ['down_right',
                    [255, 250, 100, 40]
            ],
            ['right_down',
                    [355, 290, 330, 245]
            ]
    ]

其中"down_right“等是曲线路径，整数数组是曲线的x、y、长度和高度。

这是绘制线条的代码

    for(each_line in all_curves){
            mask_draw(this, all_curves[each_line][0], all_curves[each_line][1][0], all_curves[each_line][1][1], all_curves[each_line][1][2], all_curves[each_line][1][3]);
    }

Answer 1

我已经重写了你的代码，我相信它能正常工作。在我看来，问题在于使用多个画布元素并使用CSS覆盖它们。我已经将zip归档文件上传到了MediaFire，因此您可以从那里下载它。我只更改了index.html文件，并在js文件夹中创建了一个新的stack.js文件。如果你有任何疑问，请随时问我。希望这能有所帮助。