【微信小程序】微信小程序内部生成二维码，使用weapp-qrcode第三方库，超级简单！_微信小程序使用weapp-qrcode生成二维码扫码之后功能为新用户跳转到注册页面老用户

用途：

1.电影票
2.预约码
…

步骤：

1.下载weapp.qrcode.esm.js，并将其放入小程序目录下的utils文件下。
2.在需要生成二维码的页面的wxml中使用canvas组件。（一定要使用px！！！因为js中是px，如果canvas样式是rpx，在iphone6以外的机型上二维码不是铺满整个canvas！！！）

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

3.js中引入weapp.qrcode.esm.js。

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

4.js中使用drawQrcode()绘制二维码。

drawQrcode({
  width: 200,
  height: 200,
  canvasId: 'myQrcode',
  text: 'https://github.com/yingye',
  // v1.0.0+版本支持在二维码上绘制图片
  image: {
    imageResource: '../../images/icon.png',
    dx: 70,
    dy: 70,
    dWidth: 60,
    dHeight: 60
  }
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14

附：weapp.qrcode.esm.js下载地址及更多详细信息