javascript - 我怎样才能清除 Canvas ？

Question

您好，我正在使用 Canvas 制作绘图应用程序，但我不知道如何清除 Canvas 。 我试过 clearRect 和其他功能，但它们不起作用。 脚本的最后两个函数应该清除 Canvas ，但它们不起作用...... (对不起，我的英语不好) 这里的代码:

  function clear_canvas_width ()
      {
            var s = document.getElementById ("scribbler");
            var w = s.width;
            s.width = 10;
            s.width = w;
        }

        function clear_canvas_rectangle ()
        {
               var canvas = $('#canvas')[0]; // or document.getElementById('canvas');
               canvas.width = canvas.width;
         }

Answer 1

需要更多代码才能真正看出问题所在。这是一些非常简单的东西，您可以从中着手缩小范围。同样出于性能原因，最好使用 clearRect 来重置 Canvas 的宽度。 How you clear your canvas matters

Live Demo

var clearBut = document.getElementById("clearCan"),
    canvas = document.getElementById("canvas"),
    ctx = canvas.getContext("2d");


canvas.width = canvas.height = 300;
ctx.fillRect(10,10,280,280);


function clearCanvas(){
    ctx.clearRect(0,0,canvas.width, canvas.height);        
}

clearBut.addEventListener("click", clearCanvas);