1.0.0 • Published 5 years ago
ac-barcode v1.0.0
ac-barcode
条形码组件
1. 简介
React条形码组件,使用业界知名 jsbarcode 进行封装,简单、友好的使用体验
2. 安装
- 通过
npm
安装npm install ac-barcode --save
- 国内镜像通过
cnpm
安装cnpm install ac-barcode --save
- 用友内网通过
ynpm
安装ynpm install ac-barcode --save
3. 使用
import AcBarcode from "ac-barcode";
render(){
return (<AcBarcode value="9787123" />)
}
4. API
参数 | 默认值 | 类型 |
---|---|---|
value | " | String |
renderer | svg (svg,canvas,img) | String |
format | "auto" (CODE128) | String |
width | 2 | Number |
height | 100 | Number |
displayValue | true | Boolean |
fontOptions | "" | String |
font | "monospace" | String |
textAlign | "center" | String |
textPosition | "bottom" | String |
textMargin | 2 | Number |
fontSize | 20 | Number |
background | "#ffffff" | String (CSS color) |
lineColor | "#000000" | String (CSS color) |
margin | 10 | Number |
marginTop | undefined | Number |
marginBottom | undefined | Number |
marginLeft | undefined | Number |
marginRight | undefined | Number |
5. 支持标准
- CODE128
- CODE128 (automatic mode switching)
- CODE128 A/B/C (force mode)
- EAN
- EAN-13
- EAN-8
- EAN-5
- EAN-2
- UPC (A)
- UPC (E)
- CODE39
- ITF
- ITF
- ITF-14
- MSI
- MSI10
- MSI11
- MSI1010
- MSI1110
- Pharmacode
- Codabar