CanvasContext.clearRect

清除画布上在该矩形区域内的内容。

入参

Object 类型,属性如下:

属性类型描述
xNumber矩形左上角的 x 坐标。
yNumber矩形左上角的 y 坐标。
widthNumber矩形宽度。
heightNumber矩形高度。

示例代码

clearRect 并非画一个白色的矩形在地址区域,而是清空,为了有直观感受,可以对 canvas 加一层背景色。

//.axml
<canvas id="awesomeCanvas" style="border: 1px solid; background: red;"/>

// .js
const ctx = my.createCanvasContext('awesomeCanvas')
ctx.setFillStyle('blue')
ctx.fillRect(250, 10, 250, 200)
ctx.setFillStyle('yellow')
ctx.fillRect(0, 0, 150, 200)
ctx.clearRect(10, 10, 150, 75)
ctx.draw()