如何理解微信小程序二维码生成工具weapp-qrcode

本篇内容介绍了“如何理解微信小程序二维码生成工具weapp-qrcode”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

微信小程序 - 二维码生成工具

如何理解微信小程序二维码生成工具weapp-qrcode

下载:weapp-qrcode.js文件

github:https://github.com/Pudon/weapp-qrcode-base64

在项目中引入 weapp-qrcode.js 文件

如何理解微信小程序二维码生成工具weapp-qrcode

js

const app = getApp();
const QR = require('../../lib/weapp-qrcode.js'); // 引入 weapp-qrcode

Page({
    /**
     * 页面的初始数据
     */
    data: {
        QrCodeURL:'', // 二维码图片路径
    },
    // 二维码
    drawImg: function (){
        let that = this,
            params = "https://www.baidu.com/";  // 二维码参数 

        var imgData = QR.drawImg(params, {
            typeNumber: 4,          // 密度
            errorCorrectLevel: 'L', // 纠错等级
            size: 800,              // 白色边框
        })
        
        this.setData({
            qrcodeURL: imgData
        })
    },
})

html

<view >
    <image  src="{{ qrcodeURL }}" ></image>
</view>

“如何理解微信小程序二维码生成工具weapp-qrcode”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站,小编将为大家输出更多高质量的实用文章!