-
Iuap 5.0表单布局参照通用 UI 版本附件上传反馈
条形码组件 AcBarcode
React条形码组件,使用业界知名 jsbarcode 进行封装,简单、友好的使用体验,支持大小设置、颜色设置、边框设置、多种格式支持如svg、canvas、img等
何时使用
条形码
如何使用
npm install ac-barcode --save
import AcBarcode from "ac-barcode";
能力特性
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 |
注意事项
支持标准
- 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
更新日志
暂无