0.0.2 • Published 7 years ago
ac-qrcodes v0.0.2
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. 使用
import AcQrcode from "ac-qrcodes";
render(){
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 |