CanvasContext.clearRect

简介

CanvasContext.clearRect 用于清除画布上在该矩形区域内的内容。

扫码体验

undefined

效果示例

画布.gif

示例代码

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

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

// .js
const ctx = my.createCanvasContext('canvas')
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()

入参

Object 类型，属性如下：

属性	类型	描述
x	Number	矩形左上角的 x 坐标。
y	Number	矩形左上角的 y 坐标。
width	Number	矩形宽度。
height	Number	矩形高度。