0.0.2 • Published 5 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 |