canvascontext.clearrect(number x, number y, number width, number height)
主体: 企业支付宝小程序 、 个人支付宝小程序
相关文档: 旧版 canvas 迁移指南
清除画布上一个矩形区域内的内容,使其变透明。
效果示例
代码示例执行效果
默认标题0
number x
矩形路径左上角的横坐标
number y
矩形路径左上角的纵坐标
number width
矩形路径的宽度
number height
矩形路径的高度
代码示例
.js
.axml
const ctx = my.createcanvascontext('canvas')
// 上一层底色
ctx.setfillstyle('#f7f7f7')
ctx.fillrect(0, 0, 300, 250)
ctx.setfillstyle('skyblue')
ctx.fillrect(0, 0, 300, 200)
ctx.clearrect(10, 10, 150, 75)
ctx.draw()
<canvas id="canvas">canvas>
clearrect 并非画一个白色的矩形在地址区域,而是清空,为了有直观感受,可以对 canvas 加一层背景色。