canvasrenderingcontext2d.clearrect(number x, number y, number width, number height)
基础库 或更高版本； 若版本较低，建议采取 兼容处理。
主体： 企业支付宝小程序 、 个人支付宝小程序
擦除画布上一块矩形区域，使区域变透明。
效果示例
代码示例执行效果
number x
矩形起点的 x 轴坐标。
number y
矩形起点的 y 轴坐标。
number width
矩形的宽度。
number height
矩形的高度。
代码示例
.js
.axml
page({
oncanvasready() {
my.createselectorquery().select('#canvas').node().exec((res) => {
const canvas = res[0].node
const ctx = canvas.getcontext('2d')
// 绘制底色
ctx.fillstyle = 'skyblue'
ctx.fillrect(0, 0, 300, 225)
ctx.clearrect(10, 10, 150, 75)
})
},
})<canvas id="canvas" type="2d" onready="oncanvasready">canvas>