小程序
小游戏
企业微信
微信支付
扫描小程序码分享
对于type=2D这种应该如何清空画布
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
ctx.clearRect(0,0,canvas.width, canvas.height) 就可以清空了
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
我这边解决方案比较挫，就是销毁canvas，再重新生成一下。
可以尝试的再次获取canvas实例，重新设置宽高，可以达到清空画布的效果
const query = wx.createSelectorQuery()
query.select('#download')
.fields({ node: true, size: true })
.exec(async (result) => {
const canvas = result[0].node
const ctx = canvas.getContext('2d')
const windowW = wx.getSystemInfoSync().windowWidth;
const ratio = windowW / 750 * 2;
canvas.width = result[0].width * ratio;
canvas.height = result[0].height * ratio;
ctx.scale(ratio, ratio);
})
同问
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
ctx.clearRect(0,0,canvas.width, canvas.height) 就可以清空了
我这边解决方案比较挫，就是销毁canvas，再重新生成一下。
可以尝试的再次获取canvas实例，重新设置宽高，可以达到清空画布的效果
const query = wx.createSelectorQuery()
query.select('#download')
.fields({ node: true, size: true })
.exec(async (result) => {
const canvas = result[0].node
const ctx = canvas.getContext('2d')
const windowW = wx.getSystemInfoSync().windowWidth;
const ratio = windowW / 750 * 2;
canvas.width = result[0].width * ratio;
canvas.height = result[0].height * ratio;
ctx.scale(ratio, ratio);
})
同问
同问