weapp qrcode base64

weapp-qrcode

Generating the QR code in the form of Base64
微信小程式產生二維碼的插件,基於base64編碼輸出二維碼，不依賴canvas 理論支援全平台

PS: 主要在node-yaqrcode專案基礎上進行改造適應微信小程序

說明

只需要在wxml 檔案中增加個image標籤動態引用base64編碼即可

 <image src="{{qrcodeURL}"> </image>

使用NPM

 npm install qrcode-base64

JS呼叫範例：

    import QR from 'qrcode-base64'

    var imgData = QR.drawImg(this.data.codeText, {
      typeNumber: 4,
      errorCorrectLevel: 'M',
      size: 500
    })
    // 返回输出base64编码imgData

JS呼叫範例：

    const QR = require('../../utils/weapp-qrcode.js')
    var imgData = QR.drawImg(this.data.codeText, {
      typeNumber: 4,
      errorCorrectLevel: 'M',
      size: 500
    })
    // 返回输出base64编码imgData

DEMO範例圖

TODO

1. 組件化，適應mpvue , wepy
2. 更多配置項，靈活多樣
3. 樣式自訂化，增加更豐富的樣式