Canvas 的clearRect()方法与beginPath()方法

使用Canvas绘图时如果需要重绘就可能需要使用clearRect()方法与beginPath()方法。

clearRect()方法可以清空指定矩形区域内的绘图，具体使用方法如下：

ctx.clearRect(x,y,width,height);

参数：

• x 要清除的矩形左上角的 x 坐标
• y 要清除的矩形左上角的 y 坐标
• width 要清除的矩形的宽度
• height 要清除的矩形的高度

仅仅使用clearRect()方法可能并不能保证达到你的想要的效果，因为canvas中的绘制方法（如stroke,fill），都会以“上一次beginPath之后的所有路径为基础进行绘制。如果没有使用beginPath()方法，上一次描述的路径没有被清除，这一次进行描边等操作还会绘制出之前的路径，表现出一种类似没有擦除的状态。