微信小程序二維碼生成工具 weapp-qrcode詳解

更新時(shí)間：2021年10月22日 16:07:20 作者：sanyekui

這篇文章主要介紹了微信小程序二維碼生成工具 weapp-qrcode詳解,教大家如何在項(xiàng)目中引入weapp-qrcode.js文件，通過實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下

微信小程序 - 二維碼生成工具

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

在項(xiàng)目中引入 weapp-qrcode.js 文件

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

Page({
    /**
     * 頁(yè)面的初始數(shù)據(jù)
     */
    data: {
        QrCodeURL:'', // 二維碼圖片路徑
    },
    // 二維碼
    drawImg: function (){
        let that = this,
            params = "https://www.baidu.com/";  // 二維碼參數(shù) 

        var imgData = QR.drawImg(params, {
            typeNumber: 4,          // 密度
            errorCorrectLevel: 'L', // 糾錯(cuò)等級(jí)
            size: 800,              // 白色邊框
        })
        
        this.setData({
            qrcodeURL: imgData
        })
    },
})

html

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

到此這篇關(guān)于微信小程序二維碼生成工具 weapp-qrcode的文章就介紹到這了,更多相關(guān)微信小程序二維碼生成工具內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

JavaScript表單驗(yàn)證示例詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript表單驗(yàn)證示例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-10-10
在JavaScript中使用mqtt.js的詳細(xì)過程
這篇文章主要介紹了在JavaScript中使用mqtt.js的相關(guān)知識(shí)，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2023-04-04
JavaScript內(nèi)置對(duì)象math,global功能與用法實(shí)例分析
這篇文章主要介紹了JavaScript內(nèi)置對(duì)象math,global功能與用法,結(jié)合實(shí)例形式分析了javascript中內(nèi)置對(duì)象math與global的基本概念、功能及使用方法,需要的朋友可以參考下
2019-06-06
javascript結(jié)合Canvas 實(shí)現(xiàn)簡(jiǎn)易的圓形時(shí)鐘
本文給大家分享的是javascript結(jié)合Canvas 實(shí)現(xiàn)簡(jiǎn)易的圓形時(shí)鐘，主要是對(duì)自己前段時(shí)間學(xué)習(xí)html5的canvas的一次小檢驗(yàn)，這里推薦給小伙伴們，有需要的可以參考下。
2015-03-03
JavaScript制作簡(jiǎn)易的微信打飛機(jī)
這篇文章主要介紹了JavaScript制作簡(jiǎn)易的微信打飛機(jī)，只有簡(jiǎn)單的功能，大神們可以自由擴(kuò)展哈。有需要的小伙伴可以參考下。
2015-03-03
詳談innerHTML innerText的使用和區(qū)別
下面小編就為大家?guī)硪黄斦刬nnerHTML innerText的使用和區(qū)別。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-08-08
利用js對(duì)象彈出一個(gè)層
用js實(shí)現(xiàn)彈出層效果，一般用于代替alert
2008-03-03
深入了解JavaScript中的new關(guān)鍵字
手寫new是JS面試題高頻考點(diǎn)，實(shí)現(xiàn)代碼也非常簡(jiǎn)單，但在實(shí)現(xiàn)后小編對(duì)其為什么要這樣設(shè)計(jì)有著很深的疑惑，今天就來講一下為什么要這樣設(shè)計(jì)new的實(shí)現(xiàn)吧
2023-05-05
如何寫JS數(shù)組sort的比較函數(shù)
我們知道，數(shù)組的sort方法可以對(duì)數(shù)組元素進(jìn)行排序，默認(rèn)是按ASCII字母表順序排序。如果要根據(jù)其他的順序排序就需要為sort方法提供一個(gè)比較函數(shù)作為參數(shù)。這里講的就是如何寫這個(gè)比較函數(shù)。
2010-07-07
JavaScript操作Cookie方法實(shí)例分析
這篇文章主要介紹了JavaScript操作Cookie方法,實(shí)例分析了javascript針對(duì)cookie操作的相關(guān)技巧,需要的朋友可以參考下
2015-05-05