小程序中生成二維碼weapp-qrcode.js

1.在小程序中引入weapp-qrcode.js到utils文件夾下：

2.在需要轉化二維碼的頁面引入

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

3.canvas的寬高需要自適應，那么需要進行尺寸轉換

const W = wx.getSystemInfoSync().windowWidth;
const rate = 750.0 / W;

// 300rpx 在6s上為 150px
const qrcodeWidth = 300 / rate;

4.生成二維碼

 getqrcode(item) {

    qrcode = new QRCode(`${item.couponUserId}`, {
      usingIn: this,
      image: '../../images/connection.png',
      width: qrcodeWidth,
      height: qrcodeWidth,
      colorLight: "white",
      correctLevel: QRCode.CorrectLevel.L
    });
    let _urls = config.previewHost
    qrcode.makeCode(`${_urls}/coupon-use?id=${item.couponUserId}`);
    
  },

其中`${item.couponUserId}`是wxml中canvas的id

text是需要轉換為二維碼的字符串

usingIn為可選參數，組件間中要使用，傳this

image為默認生成二維碼的圖片

width和height分別是繪制出的二維碼長寬，這里設置為跟canvas同樣的長寬

colorDark和colorLight為二維碼交替的兩種顏色

correctLevel是二維碼的糾錯級別，默認為高級

若果你需要再次生成二維碼可調用qrcode.makeCode('需要轉換的地址')