微信小程序·canvas生成二维码图

<canvas type="2d" style="width: 260px; height: 260px;" id="myQrcode"></canvas>

// 将 全部js文件导入拷贝到项目路所需的目录下，
// 将 weapp.qrcode.esm.js 导入到js页面中
import drawQrcode from '../../utils/weapp.qrcode.esm.js'

getQrcode() { //生成二维码
    const query = wx.createSelectorQuery()

    query.select('#myQrcode')
      .fields({
        node: true,
        size: true
      })
      .exec(async (res) => {
        var canvas = res[0].node
        var thiss = this;
        var img = canvas.createImage();
        img.src = "../../logo.jpg" //logo图片地址

        img.onload = function () {
          // img.onload完成后才能调用 drawQrcode方法
          var options = {
            canvas: canvas,
            canvasId: 'myQrcode',
            width: 260,
            padding: 30,
            paddingColor: '#fff',
            background: '#fff',
            foreground: '#000000',
            text: '123456789', //二维码内容
            image: {
              imageResource: img,
              width: 50, // 建议不要设置过大，以免影响扫码
              height: 50, // 建议不要设置过大，以免影响扫码
              round: true // Logo图片是否为圆形
            }
          }

          drawQrcode(options)

          // 获取临时路径
          wx.canvasToTempFilePath({
            x: 0,
            y: 0,
            width: 260,
            height: 260,
            destWidth: 600,
            destHeight: 600,
            canvasId: 'myQrcode',
            canvas: canvas,
            success(res) {
              console.log('二维码临时路径为：', res.tempFilePath)
            },
            fail(res) {
              console.error(res)
            }
          })

        };
      })
  },