Canvas清除画布的3种方法

一、通过简单填充

    使用一个新的背景色简单地填充整个画布，这样就可以清除当前内容

context.fillStyle = '#ffffff';
context.fillRect(0, 0, theCanvas.width, theCanvas.height);

 

二、重置画布高度

    当画布的宽或高被重置时，当前画布内容就会被移除。

 var w = theCanvas.width;
 var h = theCanvas.height;
 theCanvas.width = w;
 theCanvas.height = h;

 

三、使用clearRect函数

    clearRect() 函数可以指定起始点的x, y 位置以及宽度和高度来清除画布

 

var w = theCanvas.width;
var h = theCanvas.height;
context.clearRect(0, 0, w, h);