用JavaScript/jquery生成条形码

来源：互联网 2023-03-16 23:53:50 版权归原作者所有，如有侵权，请联系我们

利用插件barcode生成条形码

工具/原料

在github上搜索barcode，找到jbdemonte写的这个项目，下载

该插件支持php，jquery，JavaScript，解压后对应3个目录，每个目录下都有对应的例子可以查看，这次使用的jquery插件的形式

用JavaScript/jquery生成条形码

2该信息非法爬取自百度经验

html中编写条形码生成容器

div id="code_s">条形码生成失败/div>

js中编写条形码生成函数，这里是基于jquery实现的，所以记得先引用jquery

(function genCode(){

var encode = "ean8";

//根据位数生成条形码

if(8 === $("#exam_no").text().length) encode = "ean8";

else if(11 === $("#exam_no").text().length) encode = "code11";

else if(13 === $("#exam_no").text().length) encode = "ean13";

$("#code_b").barcode($("#exam_no").text(), encode, {barWidth: 2, barHeight: 50});

$("#code_s").barcode($("#exam_no").text(), encode, {barWidth: 1, barHeight: 50});

$("#code_b div").css('background-color', '#eee');

})();

支持的编码方式如下图，注意要根据字符串长度来选择条形码的编码方式，生成的条形码默认是div css形式的，后面的barWidth和barHeight是生成参数，默认是70X70的正方形，后面的参数可以调整条形码的比例，但不能调整大小~囧

用JavaScript/jquery生成条形码

这种div css的生成的条形码好处就是可以调整样式，比如默认白色背景我利用css改成了灰色

用JavaScript/jquery生成条形码

更多功能请去官方网站查看~

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： JQUERY

上一篇：jquery 的导航栏下一篇：web前端开发的学习路线有哪些