ac-qrcode

二维码组件

在线演示：https://tinper-acs.github.io/ac-qrcode/

代码演示

1. 简介

React二维码组件，使用底层核心算法qr.js进行组件封装，提供标准的功能展示，具有Level、前景、背景颜色设置、大小设置、边框间距设置、SVG和Canvas格式等

2. 安装

1. 通过npm安装

   npm install ac-qrcodes --save

2. 国内镜像通过cnpm安装

   cnpm install ac-qrcodes --save

3. 用友内网通过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

5. CHANGLOG

• 0.0.2-修改说明文档
• 0.0.1-初次版本实现、增加示例