微信小程序二維碼生成工具 weapp-qrcode詳解
更新時間：2021年10月22日 16:07:20 作者：sanyekui
這篇文章主要介紹了微信小程序 二維碼生成工具 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({
/**
* 頁面的初始數(shù)據(jù)
*/
data: {
QrCodeURL:'', // 二維碼圖片路徑
},
// 二維碼
drawImg: function (){
let that = this,
params = "https://www.baidu.com/"; // 二維碼參數(shù)
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>
到此這篇關(guān)于微信小程序 二維碼生成工具 weapp-qrcode的文章就介紹到這了,更多相關(guān)微信小程序 二維碼生成工具內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家介紹了微信小程序網(wǎng)絡(luò)數(shù)據(jù)請求的方式和注意事項講解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
這篇文章主要介紹了LayUI樹形表格treetable使用及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
微信JS-SDK自定義分享功能實例詳解【分享給朋友/分享到朋友圈】
這篇文章主要介紹了微信JS-SDK自定義分享功能,結(jié)合實例形式分析了基于JS-SDK接口實現(xiàn)的分享給朋友及分享到朋友圈等功能的相關(guān)配置文件與數(shù)據(jù)操作技巧,需要的朋友可以參考下2016-11-11
這篇文章主要介紹了javascript正則表達式之search()用法,實例分析了search()的使用技巧,需要的朋友可以參考下2015-01-01
這篇文章主要為大家詳細介紹了微信小程序代碼上傳、審核發(fā)布小程序，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
這篇文章主要介紹了js實現(xiàn)文字閃爍特效的方法，使用style對象來設(shè)置css屬性，結(jié)合定時器就可以實現(xiàn)該功能，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)圖片輪播特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
這篇文章主要介紹了微信小程序開發(fā)之IOS和Android兼容的問題的相關(guān)資料,希望通過本文能幫助到大家，需要的朋友可以參考下2017-09-09
這篇文章主要介紹了用box固定長寬實現(xiàn)圖片自動輪播效果,需要的朋友可以參考下2014-06-06
一般情況下，查詢列表有查詢條件、查詢按鈕和重置按鈕，輸入查詢條件，點擊查詢按鈕查詢列表等數(shù)據(jù)；點擊重置按鈕會將查詢條件恢復(fù)到原始狀態(tài)。接下來通過本文給大家介紹bootstrap實現(xiàn)查詢按鈕和重置按鈕的方法，一起看看吧2016-10-10