JS条形码(一维码)插件JsBarcode用法详解【编码类型、参数、属性】
JS条形码(一维码)插件JsBarcode用法详解【编码类型、参数、属性】
更新时间:2017年04月19日 11:13:40 作者:niuniuasb 这篇文章主要介绍了JS条形码(一维码)插件JsBarcode用法,较为详细的分析了条形码插件JsBarcode编码类型、参数、属性等相关功能、使用方法与注意事项,需要的朋友可以参考下本文实例讲述了JS条形码插件JsBarcode用法。分享给大家供大家参考,具体如下:
这里介绍一下在GitHub生成条形码的js插件→JsBarcode
条码支持的有:
CODE128
CODE128 (自动模式切换)
CODE128 A/B/C (强制模式)
EAN
EAN-13
EAN-8
EAN-5
EAN-2
UPC (A)
CODE39
ITF-14
MSI
MSI10
MSI11
MSI1010
MSI1110
Pharmacode
Codabar
代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
|
JsBarcode 我们还可以设置条码的一些属性(可设置属性详细介绍 链接:https://github.com/lindell/JsBarcode/wiki/Options)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
JsBarcode( "#imgcode" , "123" , {
format: "CODE39" , //选择要使用的条形码类型
width:3, //设置条之间的宽度
height:100, //高度
displayValue: true , //是否在条形码下方显示文字
text: "456" , //覆盖显示的文本
fontOptions: "bold italic" , //使文字加粗体或变斜体
font: "fantasy" , //设置文本的字体
textAlign: "left" , //设置文本的水平对齐方式
textPosition: "top" , //设置文本的垂直位置
textMargin:5, //设置条形码和文本之间的间距
fontSize:15, //设置文本的大小
background: "#eee" , //设置条形码的背景
lineColor: "#2196f3" , //设置条和文本的颜色。
margin:15 //设置条形码周围的空白边距
});
|
GitHub:https://github.com/lindell/JsBarcode
条码生成器:http://lindell.me/JsBarcode/generator/
JsBarcode示例与设置:http://codepen.io/lindell/pen/mPvLXx?editors=1010
简单的JsBarcode演示:http://codepen.io/lindell/pen/eZKBdO?editors=1010
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript图片操作技巧大全》、《JavaScript切换特效与技巧总结》、《JavaScript图形绘制技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。