亲宝软件园·资讯

展开

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

sanyekui 人气:0
想了解微信小程序二维码生成工具 weapp-qrcode详解的相关内容吗,sanyekui在本文为您仔细讲解微信小程序二维码生成工具的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:微信小程序,二维码生成工具,微信小程序,二维码生成工具weapp-qrcode,下面大家一起来学习吧。

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

下载: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>

加载全部内容

相关教程
猜你喜欢
用户评论