IT码农库

您当前所在位置:首页 > 网络编程 > JavaScript

JavaScript

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

佚名 sanyekui2021-10-22JavaScript4604
这篇文章主要介绍了微信小程序 二维码生成工具 weapp-qrcode详解,教大家如何在项目中引入weapp-qrcode.js文件,通过实例代码给大家介绍的非常详细,需要的朋友可以参考下

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

下载:weapp-qrcode.js文件

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

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

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 style="text-align:center;">
    <image style="width:500rpx;height:500rpx;" src="{{ qrcodeURL }}" ></image>
</view>

到此这篇关于微信小程序 二维码生成工具 weapp-qrcode的文章就介绍到这了,更多相关微信小程序 二维码生成工具内容请搜索 以前的文章或继续浏览下面的相关文章希望大家以后多多支持 !

大图广告(830*140)