npm install qrcode.react --save
import QRCode from 'qrcode.react';
<QRCode
value={this.state.url} // value参数为生成二维码的链接
size={200} // 二维码的宽高尺寸
fgColor="#000000" // 二维码的颜色
/>
- 通过canvas在二维码右下角区域显示一个长度为五位的编号
let id = 123 + ""
let num = 5 - id.length
if(num > 0) {
id = "0".times(num) + id
}
let canvas = document.getElementsByTagName("canvas") // 获取canvas
let canvasContext = canvas[0].getContext("2d")
canvasContext.fillStyle = "#ffff"
canvasContext.fillRect(200,230,60,30) // 画空白区域
canvasContext.fillStyle = "#000"
canvasContext.font = "18px Adobe Ming Std"
canvasContext.fillText(id, 208, 250)
