小程序-二维码生成

在h5端做二维码我一般是借用插件 qrcode

现在在小程序也需要实现二维码功能

如下图：

也是用qrcode，wepapp版本  资源地址

引用方式地址事例：https://github.com/tomfriwel/weapp-qrcode/blob/master/components/myComponent/myComponent.js

生成二维码：

1.下载weapp-qrcode.js资源，存放在小程序目录

2.在需要引用的地方 引入资源

var QRCode = require('../../utils/weapp-qrcode.js')
var qrcode;

3.wxml中的展示容器

 canvas-id和调用的时候需要一致

 <canvas canvas-id='canvas1'></canvas>

4.调用生成二维码

qrcode = new QRCode('canvas1', {
      usingIn: this,
      text: ‘郭婷’,
      width: 125,
      height: 125,
      colorDark: "#333333",
      colorLight: "white",
      correctLevel: QRCode.CorrectLevel.H,
    });

　　这样二维码就生成了