1. 程式人生 > >微信小程式生成二維碼外掛基於base64-weapp-qrcode.js

微信小程式生成二維碼外掛基於base64-weapp-qrcode.js

# weapp-qrcode 微信小程式生成二維碼的外掛,基於base64編碼輸出二維碼,不依賴canvas 詳情demo可以去github上預覽-**[weapp-qrcode.js](https://github.com/Pudon/hello-pixi)** https://github.com/Pudon/weapp-qrcode    `=。=,加個star那就更好了` >PS: 主要在`node-yaqrcode`專案基礎上進行改造適應微信小程式

## 說明 只需要在 wxml 檔案中增加個`image`標籤動態引用base64編碼即可 ``` <image src="{{qrcodeURL}"> </image> ```

JS呼叫例子: ```     const QR = require('../../utils/weapp-qrcode.js')     var imgData = QR.drawImg(this.data.codeText, {       typeNumber: 4,       errorCorrectLevel: 'M',       size: 500     })     // 返回輸出base64編碼imgData

```

## DEMO示例圖

![demo-img](https://raw.githubusercontent.com/Pudon/weapp-qrcode/master/demo/demo.png)

## TODO 1. 元件化,適應 `mpvue` , `wepy` 2. 更多配置項,靈活多樣 3. 樣式自定義化,增加更豐富的樣式