177-371-24501(同微信)

微信小程序API绘图clearRect,清除画布上在该矩形区域内的内容

2022-04-21 管理员

 

canvasContext.clearRect


定义

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

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

<canvas canvas-id="myCanvas" style="border: 1px solid; background: #123456;"/>

参数

参数 类型 说明
x Number 矩形区域左上角的x坐标
y Number 矩形区域左上角的y坐标
width Number 矩形区域的宽度
height Number 矩形区域的高度

例子

const ctx = wx.createCanvasContext('myCanvas')
ctx.setFillStyle('red')
ctx.fillRect(0, 0, 150, 200)
ctx.setFillStyle('blue')
ctx.fillRect(150, 0, 150, 200)
ctx.clearRect(10, 10, 150, 75)
ctx.draw()

 

更多微信小程序开发教程,可以关注。
上一篇:微信小程序开发基本知识总结
下一篇:微信小程序音乐播放器,音乐播放器检索页制作(下)
相关资讯 Releva ntnews
解决方案 Solutions
相关热点 Hot spot
快速提升网站排名的方法
  1. 我们的优势
  2. 我们的实力
  3. 选择我们的理由
咨询电话(微信同号)

177-371-24501(同微信)

豫ICP备17049932号

Copyright © 2017-2022 版权所有 追风建站 Rights Reserved 技术支持:酷微科技

电话咨询 在线咨询 服务项目 SEO优化