JS条形码（一维码)插件射流研究…条形码用法详解【编码类型、参数、属性】

本文实例讲述了射流研究…条形码插件射流研究…条形码用法。分享给大家供大家参考，具体如下：

这里介绍一下在开源代码库生成条形码的射流研究…插件js条形码

条码支持的有：

CODE128 CODE128(自动模式切换)代码128辆空调(强制模式)EANEAN-13 EAN-8 EAN-5 EAN-2刚果爱国者联盟（阿)代码39 itf-14MSI 10 MSI 11 MSI 1010 MSI 110 harmacodecodabar

代码：

！DOCTYPE html html head meta charset=' utf-8 '/meta name=' viewport ' content=' width=device-width，initial-scale=1，maximum-scale=1，user-scalable=no'/title/title脚本类型=' text/JavaScript ' src=' http :https://代码。jquery。com/jquery-2。1 .3 .量滴js /脚本脚本类型=' text/JAVAScript ' src=' http 3360 js-or-canvascode id=' canvascode '/canvascode！-or-img id=' img代码'/script $(' # SVG代码').' JsBarcode('嗨！');//或JsBarcode('#svgcode '，'嗨！');$('#canvascode ').JsBarcode('Hello world！');//或者JsBarcode('#canvascode '，' Hello world！');$('#imgcode ').' JsBarcode('我是黄乃依！');//或者JsBarcode('#imgcode '，'我是bwju！');/脚本/正文/html

射流研究…条形码我们还可以设置条码的一些属性（可设置属性详细介绍链接：https://github。com/lindell/js bard/wiki/Options)

img /scriptJsBarcode('#imgcode '，' 123 '，{ format: 'CODE39 '，//选择要使用的条形码类型宽度：3,//设置条之间的宽度高度：100,//高度displayValue:true，//是否在条形码下方显示文字text:'456 '，//覆盖显示的文本fontOptions: '粗斜体',//使文字加粗体或变斜体font: '幻想',//设置文本的字体文本对齐： '左侧',//设置文本的水平对齐方式textPosition:'top '，//设置文本的垂直位置textMargin:5，//设置条形码和文本之间的间距fontSize:15，//设置文本的大小background:'#eee '，//设置条形码的背景lineColor:'#2196f3 '，//设置条和文本的颜色保证金：15/设置条形码周围的空白边距});/脚本

GitHub:https://GitHub。com/lindell/JsBarcode条码生成器：http://lindell。me/js条形码/生成器/js条形码示例与设置：http://codepen.io/lindell/pen/mPvLXx？编辑器=1010简单的射流研究…条形码演示：http://codepen.io/lindell/pen/eZKBdO？编辑器=1010

更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript图片操作技巧大全》 、 《JavaScript切换特效与技巧总结》 、 《JavaScript图形绘制技巧总结》 、 《JavaScript查找算法技巧总结》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。