ac-qrcodes
Version:
73 lines (52 loc) • 1.99 kB
Markdown
# ac-qrcode
二维码组件
[](https://www.npmjs.com/package/ac-qrcodes)
[](https://npmjs.org/package/ac-qrcodes)
在线演示：https://tinper-acs.github.io/ac-qrcode/
## 代码演示
### 1. 简介
React二维码组件，使用底层核心算法[qr.js](https://github.com/defunctzombie/qr.js)进行组件封装，提供标准的功能展示，具有Level、前景、背景颜色设置、大小设置、边框间距设置、SVG和Canvas格式等
### 2. 安装
1. 通过`npm`安装
```bash
npm install ac-qrcodes --save
```
2. 国内镜像通过`cnpm`安装
```bash
cnpm install ac-qrcodes --save
```
3. 用友内网通过`ynpm`安装
```bash
ynpm install ac-qrcodes --save
```
### 3. 使用
```js
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
### 5. CHANGLOG
* [0.0.2-修改说明文档](https://github.com/tinper-acs/ac-qrcode/releases/tag/0.0.2)
* [0.0.1-初次版本实现、增加示例](https://github.com/tinper-acs/ac-qrcode/releases/tag/0.0.1)