微信小程序生成二维码

1、第一步

       引用第三方库将这四个文件拷贝到本地utils文件夹下

2、第二步

页面引入

import drawQrcode from '../../../../utils/weapp.qrcode.esm.js'

3、第三步

页面加载

<view>
   <canvas type="2d" style="width:175px;height:175px;margin:0 auto;z-index: 99999;" id="myQrcode"></canvas>
</view>

4、第四步

    const query = wx.createSelectorQuery()
    query.select('#myQrcode').fields({node: true,size: true}).exec((res) => {
      var canvas = res[0].node
      // 调用方法drawQrcode生成二维码
      drawQrcode({
          canvas: canvas,
          canvasId: 'myQrcode',
          width: 260,
          padding: 30,
          background: '#ffffff',
          foreground: '#444444',
          text: 'xxxxxx',//二维码内容
      })
    })