Canvas clearRect没有删除我的所有行

时间:2011-10-27 18:22:22

标签: javascript html5 canvas

我使用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]);
    }

1 个答案:

答案 0 :(得分:0)

我已经重写了你的代码,我相信它能够正常运行。我认为的问题是使用多个canvas元素并使用CSS覆盖它们。我已在zip上传了MediaFire存档,因此您可以从那里下载。{3}}我只对index.html文件进行了更改,并在stack.js文件夹中创建了一个新的js文件。如果您有任何疑问,请随时问我。希望这会有所帮助。