使用Canvas绘图时如果需要重绘就可能需要使用clearRect()
方法与beginPath()
方法。
clearRect()
方法可以清空指定矩形区域内的绘图,具体使用方法如下:
ctx.clearRect(x,y,width,height);
参数:
x
要清除的矩形左上角的 x 坐标y
要清除的矩形左上角的 y 坐标width
要清除的矩形的宽度height
要清除的矩形的高度
仅仅使用clearRect()
方法可能并不能保证达到你的想要的效果,因为canvas中的绘制方法(如stroke
,fill
),都会以“上一次beginPath
之后的所有路径为基础进行绘制。如果没有使用beginPath()
方法,上一次描述的路径没有被清除,这一次进行描边等操作还会绘制出之前的路径,表现出一种类似没有擦除的状态。