小程序如何生成二維碼

小程序生成二維碼的方法：首先在wxml文件中，創(chuàng)建繪制的canvas；然后將【weapp.qrcode.min.js】拷貝至項(xiàng)目中；最后調(diào)用【drawQrcode()】繪制二維碼。

創(chuàng)新互聯(lián)專注于赤壁網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供赤壁營銷型網(wǎng)站建設(shè)，赤壁網(wǎng)站制作、赤壁網(wǎng)頁設(shè)計、赤壁網(wǎng)站官網(wǎng)定制、微信平臺小程序開發(fā)服務(wù)，打造赤壁網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供赤壁網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

小程序生成二維碼的方法：

1、創(chuàng)建canvas標(biāo)簽

先在 wxml 文件中，創(chuàng)建繪制的 canvas，并定義好 width, height, canvasId 。由于小程序沒有動態(tài)創(chuàng)建標(biāo)簽的api，所以這一步不能省略。

<canvas style="width: 200px; height: 200px;" canvas-id="myQrcode"></canvas>

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ā)教程

標(biāo)題名稱：小程序如何生成二維碼
文章地址：http://muchs.cn/article2/cjphic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、虛擬主機(jī)、定制網(wǎng)站、服務(wù)器托管、靜態(tài)網(wǎng)站、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)