生成的二维码效果如下

这里主要是用的工具就是qrcode.js,

首先引入工具类

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

其次在js文件里面添加如下数据

onLoad: function (options) {
        qrcode = new QRCode('canvas', {
            // usingIn: this,
            text: "https://www.baidu.com/",
            image:'/images/bg.jpg',
            width: 150,
            height: 150,
            colorDark: "#1CA4FC",
            colorLight: "white",
            correctLevel: QRCode.CorrectLevel.H,
        });
    },

在wxml里面添加承载图片的元素

<canvas class='canvas' canvas-id='canvas' bindlongtap='save'></canvas>

动态生成的时候调用qrcode的生成二维码方法

qrcode.makeCode(this.data.text)

工具类的入参：

usingIn为可选参数，详情清查卡在自定义组件使用时失效及解决思路 #1
text为需要转化为二维码的字符串；
width和height为绘制出的二维码长宽，这里设置为跟canvas同样的长宽；
colorDark和colorLight为二维码交替的两种颜色；
correctLevel没有细看源码，命名上看应该是准确度；
如果需要再次生成二维码，调用qrcode.makeCode('text you want convert')。