ac-qrcode
二维码组件
在线演示：https://tinper-acs.github.io/ac-qrcode/
代码演示
1. 简介
React二维码组件，使用底层核心算法qr.js进行组件封装，提供标准的功能展示，具有Level、前景、背景颜色设置、大小设置、边框间距设置、SVG和Canvas格式等
2. 安装
- 通过
npm安装npm install ac-qrcodes --save - 国内镜像通过
cnpm安装cnpm install ac-qrcodes --save - 用友内网通过
ynpm安装ynpm install ac-qrcodes --save
3. 使用
; { return <div> <AcQrcode value="http://tinper.org/" size=128 bgColor="#ffffff" fgColor="#000000" level="L" includeMargin=false renderAs="svg" /> </div>}4. API
| 参数 | 类型 | 默认值 |
|---|---|---|
| value | string | |
| renderAs | string ('canvas' 'svg') | 'canvas' |
| size | number | 128 |
| bgColor | string (CSS color) | "#FFFFFF" |
| fgColor | string (CSS color) | "#000000" |
| level | string ('L' 'M' 'Q' 'H') | 'L' |
| includeMargin | boolean | false |