微信小程序中生成二维码

1.引入插件weapp-qrcode.js 下载地址

2.在当前页面的js中引用

var QRCode = require('../../utils/weapp-qrcode.js');
var qrcode;
const W = wx.getSystemInfoSync().windowWidth;
const rate = 750.0 / W;
const qrcode_w = 360 / rate;
Page({
  data: {
    qrcode:true,
    qrcode_w: qrcode_w,    //二维码尺寸
  },
  onLoad: function (options) {
    wx.getStorage({
      key: 'codeno',
      success: (res) => {
        let codeno = res.data
        qrcode = new QRCode('canvas', {
          text: codeno,       //这里是生成二维码的必要参数，也就是扫描出来的字符串
          width: qrcode_w,
          height: qrcode_w,
          colorDark: "#000000",
          colorLight: "#ffffff",
          correctLevel: QRCode.CorrectLevel.H,
        });
      },
    })
  }
})

这是使生成的二维码适配各种机型
const W = wx.getSystemInfoSync().windowWidth;
const rate = 750.0 / W;
const qrcode_w = 360 / rate;
这里是调用
width: qrcode_w,
height: qrcode_w,

3.html中的代码

<view class="main">
  <view class="qrcode">
    <canvas class='canvas' canvas-id='canvas'></canvas>
  </view>
</view>

4.注意：
这时我们已经生成了二维码，在开发者工具中是可以正常显示的，但是在真机是显示不出来的（手机熄屏之后再开屏才能出来）

解决办法：
我们使用onshow来进行一个调用

onShow: function () {
    this.onLoad();
 }