先在 wxml 文件中,创建绘制的 canvas,并定义好 width, height, canvasId 。

<canvas style="width: 200px; height: 200px;" canvas-id="myQrcode"></canvas>

获取js文件webapp.js

直接引入 js 文件,使用 drawQrcode() 绘制二维码。!!!在 调用 drawQrcode() 方法之前,一定要确保可以获取到 canvas context 。

import drawQrcode from '../../utils/webapp.js'

drawQrcode({
  width: 200,
  height: 200,
  canvasId: 'myQrcode',
  // ctx: wx.createCanvasContext('myQrcode'),
  text: 'https://github.com/yingye',
  // v1.0.0+版本支持在二维码上绘制图片
  image: {
    imageResource: '../../images/icon.png',
    dx: 70,
    dy: 70,
    dWidth: 60,
    dHeight: 60
  }
})

参考:https://github.com/yingye/weapp-qrcode

其他方法:通过调用腾讯接口生成,具体参考官方文档微信小程序分享小程序码的生成(带参数)以及参数的获取