weapp qrcode base64

weapp-qrコード

Base64形式でのQRコードの生成
QR コードを生成する WeChat アプレット用のプラグイン。Base64 エンコードに基づいて QR コードを出力し、理論上はすべてのプラットフォームをサポートします。

PS: 主にnode-yaqrcodeプロジェクトに基づいており、WeChatアプレットに適応されています。

説明する

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

デモの例の図

TODO

1. コンポーネント化、 mpvue 、 wepyに適応可能
2. 構成項目が増え、柔軟かつ多様化
3. スタイルのカスタマイズ、より豊富なスタイルの追加