CanvasContext.clearRect

簡介

CanvasContext.clearRect 用于清除畫布上在該矩形區(qū)域內(nèi)的內(nèi)容。

掃碼體驗(yàn)

效果示例

示例代碼

clearRect 并非畫一個(gè)白色的矩形在地址區(qū)域，而是清空，為了有直觀感受，可以對(duì) 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()

入?yún)?/h4>

Object 類型，屬性如下：

屬性	類型	描述
x	Number	矩形左上角的 x 坐標(biāo)。
y	Number	矩形左上角的 y 坐標(biāo)。
width	Number	矩形寬度。
height	Number	矩形高度。