clearRect(x,y,width,height)

清空矩形区域内的所有像素

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

参数

Number 矩形左上顶点x坐标

Number 矩形左上顶点y坐标

Number 矩形宽度

Number 矩形高度


测验

填充整个画布,再清除一块区域.这个区域是没有像素的,下图被清区域显示的灰色,是因为这个canvas背景设为灰色了

应用

做canvas动画效果时,需要用到清空画布.一个简单的小点位移动画,可以视为在一个变化的x,y坐标上绘制

这个小点,每绘制之前都调用此方法清空画布,以清空之前画的小点.这样看起来,小点是在运动中.

以下是一个小点,出现在随机坐标上.每一秒钟出现一次.

<<H5核心技术图形动画与游戏开发(David Geary)>> (49页)

将指定矩形与当前剪辑区域相交范围内的所有像素清除,默认情况下剪辑区域就是canvas大小,清除像素是指将其颜色设置为全透明的黑色