取消绑定功能HTML5画布(unbind function in HTML5 Canvas)

我想在HTML5画布解除绑定功能...

例如：当我选择的选择矩形后选择刷其创建矩形还当我使用刷子。 请帮我关于一样。

谢谢

Devesh

Answer 1:

原因您选择矩形后看到另一个矩形，然后橡皮擦是因为以下几点：

    function addClick(x, y, dragging) {
        clickX.push(x);
        clickY.push(y);
        clickDrag.push(dragging);
        hitColors.push(bgColor);
        clickTool.push(tool);
        toolSize.push(radius);
    }

你加入每次被点击clickTool组工具。 所以一旦你添加矩形，然后橡皮擦，矩形是仍然存在。

然后，当你循环：

    function redraw() {
        context.width = canvas.width; // Clears the canvas
        context.lineJoin = "round";        

        for (var i = 0; i < clickX.length; i++) {
           // this will log rect then eraser over and over
           console.log(clickTool[i]);
        // ......
        }
    }

所以，你需要明白为什么你想拥有的已选定工具的阵列，也许你只需要拥有一个在同一时间，而不是抱着他们所有。

文章来源: unbind function in HTML5 Canvas