weapp qrcode base64

weapp-qrcode

การสร้างรหัส QR ในรูปแบบ Base64
ปลั๊กอินสำหรับแอปเพล็ต WeChat เพื่อสร้างโค้ด QR โดยจะแสดงผลโค้ด QR ตามการเข้ารหัส base64 และไม่ต้องอาศัย Canvas ในทางทฤษฎี

PS: อิงตามโครงการ node-yaqrcode เป็นหลัก โดยปรับให้เข้ากับแอปเพล็ต WeChat

แสดงให้เห็น

เพียงเพิ่มแท็ก image ลงในไฟล์ wxml เพื่ออ้างอิงการเข้ารหัส 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

สิ่งที่ต้องทำ

1. การจัดองค์ประกอบ ปรับให้เข้ากับ mpvue , wepy
2. รายการการกำหนดค่าเพิ่มเติม ยืดหยุ่นและหลากหลาย
3. ปรับแต่งสไตล์ เพิ่มสไตล์ให้สมบูรณ์ยิ่งขึ้น