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. 使用
; { 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