问题:canvas同一个id更新不一样的背景或绘画会更新不了
原因:微信canvas对id只使用一次,再更新需要卸载canvas
解决办法:
1、可以多个canvas的id,根据不同的画布切换
2、使用最新的wx.createSelectorQuery方法
const query = wx.createSelectorQuery().in(this)
query.select(`#${canvasId}`)
.fields({ // 需要获取的节点相关信息
node: true // 是否返回节点对应的 Node 实例
}).exec( (res) => {
const width = 100px
const height = 200px
const src = ''
const canvas = res[0].node
const ctx = canvas.getContext('2d')
canvas.width = width
canvas.height = height
// 背景图
const bgImg = canvas.createImage()
bgImg.src = src
bgImg.onload = () => {
ctx.drawImage(bgImg, 0, 0, width, height)
}
})