微信小程序 新版canvas绘制图片方法

截至2022.02.22

微信小程序开发文档介绍不全，导致很多用户绘制图片不显示或失败，因此写下截至目前的可行方案

wx.createSelectorQuery().select('#myCanvas')
  .fields({ node: true, size: true })
  .exec((res) => {
      // 获取设备设备像素比
      const dpr = wx.getSystemInfoSync().pixelRatio
 
      let textCanvas = res[0].node

      textCanvas.width = res[0].width * dpr
      textCanvas.height = res[0].height * dpr
      textCtx = textCanvas.getContext('2d')
      
      textCtx.clearRect(0,0,obj.size,obj.size)
      textCtx.beginPath();
      textCtx.scale(dpr, dpr)

      const bg = textCanvas.createImage()
      bg.src = '合法网络图链接'
      bg.onload = () => {
        textCtx.drawImage(bg, 0, 0, 150, 100)
      }