ac-qrcodes
二维码组件
Last updated 2 years ago by kvkens .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install ac-qrcodes 
SYNC missed versions from official npm registry.

ac-qrcode

二维码组件

image

npm version NPM downloads

在线演示: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

Current Tags

  • 0.0.2                                ...           latest (2 years ago)

2 Versions

  • 0.0.2                                ...           2 years ago
  • 0.0.1                                ...           2 years ago

Copyright 2014 - 2016 © taobao.org |