溫州市小程序如何生成二維碼
閱讀 85416 · 發(fā)布日期 2020-08-24 17:26 · 溫州優(yōu)光網(wǎng)絡(luò)科技有限公司|建站|APP小程序制作|做網(wǎng)站SEO推廣優(yōu)化
【摘要】
小程序生成二維碼的方法:首先在wxml文件中,創(chuàng)建繪制的canvas;然后將【weapp.qrcode.min.js】拷貝至項(xiàng)目中;最后調(diào)用【drawQrcode()】繪制二維碼。小程序生成二維碼的方法:1、創(chuàng)建canvas標(biāo)簽先在 wxml 文件中,創(chuàng)建繪制的 canvas,并定義好 width, height, c... 【溫州小程序開發(fā),溫州微信公眾號,平陽做網(wǎng)站,平陽網(wǎng)站建設(shè)公司,平陽小程序商城制作,昆陽萬全做網(wǎng)站,鰲江水頭小程序,蕭江騰蛟微信公眾號,山門順溪南雁海西南麂鳳臥麻步懷溪網(wǎng)絡(luò)網(wǎng)店服務(wù),政采云網(wǎng)店管理服務(wù)】...
小程序生成二維碼的方法:
首先在wxml文件中,創(chuàng)建繪制的canvas;然后將【weapp.qrcode.min.js】拷貝至項(xiàng)目中;最后調(diào)用【drawQrcode()】繪制二維碼。
小程序生成二維碼的方法:
1、創(chuàng)建canvas標(biāo)簽先在 wxml 文件中,創(chuàng)建繪制的 canvas,并定義好 width, height, canvasId 。
由于小程序沒有動態(tài)創(chuàng)建標(biāo)簽的api,所以這一步不能省略。
2、調(diào)用繪制方法由于微信小程序不支持引入NPM包,可以將dist目錄下,weapp.qrcode.min.js 拷貝至項(xiàng)目中。
如果你的小程序使用了支持引入NPM包的框架,如 wepy , 也可以直接安裝 weapp-qrcode NPM包。
npm install weapp-qrcode --save引入 js 文件后,調(diào)用 drawQrcode() 繪制二維碼。
import drawQrcode from '
weapp-qrcode'
// 或者,將 dist 目錄下,weapp.qrcode.min.js 復(fù)制到項(xiàng)目目錄中 // import drawQrcode from '
../../utils/weapp.qrcode.min.js'
drawQrcode({
width: 200, height: 200, canvasId: '
myQrcode'
, text: '
https://github.com/yingye'
}
API 說明參數(shù) 說明 示例 width 必須,二維碼寬度,與canvas的width保持一致 200 height 必須,二維碼高度,與canvas的height保持一致 200 canvasId 必須,繪制的canvasId '
myQrcode'
text 必須,二維碼內(nèi)容 '
https://github.com/yingye'
typeNumber 非必須,二維碼的計算模式,默認(rèn)值-1 8 correctLevel 非必須,二維碼糾錯級別,默認(rèn)值為高級,取值:
{
L: 1, M: 0, Q: 3, H: 2 }
1 background 非必須,二維碼背景顏色,默認(rèn)值白色 '
#ffffff'
foreground 非必須,二維碼前景色,默認(rèn)值黑色 '
#000000'
相關(guān)學(xué)習(xí)推薦:
微信小程序開發(fā)教程以上就是小程序如何生成二維碼的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!
微信
分享相關(guān)標(biāo)簽:
小程序 二維碼本文原創(chuàng)發(fā)布php中文網(wǎng),轉(zhuǎn)載請注明出處,感謝您的尊重!
上一篇:
怎么提取微信小程序的鏈接
下一篇:
微信小程序?qū)崿F(xiàn)簽到的日歷功能相關(guān)文章相關(guān)視頻小程序二維碼哪里查看微信小程序怎么用攝像頭識別二維碼exce如何生成二維碼?小程序二維碼怎么轉(zhuǎn)換成鏈接?小程序如何生成二維碼獲取商品二維碼接口生成帶參數(shù)二維碼及響應(yīng)操作實(shí)例開發(fā)通過打描二維碼進(jìn)入指定的分組 [溫州做小程序]