本篇内容主要讲解“微信小程序如何清除画布上在该矩形区域内的内容”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“微信小程序如何清除画布上在该矩形区域内的内容”吧!
清除画布上在该矩形区域内的内容。
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()
到此,相信大家对“微信小程序如何清除画布上在该矩形区域内的内容”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。