jquery-barcode/JsBarcode条码生成插件

Published on
发布于·预估阅读2分钟
Authors
  • Name
    willson-wang
    Twitter

jquery-barcode生成的条码插件

image

// code种类code11、code39、code93、code128、ean8、ean13、std25、int25、msi、datamatrix
$("#bcTarget").barcode("156130510575933", "code128",{
 barWidth: 2,        //单条条码宽度(即最小条码宽度)
 barHeight: 50,     //单体条码高度
 addQuietZone: false,  //是否添加空白区(内边距)
 moduleSize: 5,
 showHRI: true, //是否显示底部条码描述
 marginHRI: 5, //底部条码的margin-top
 bgColor: "#FFF", //设置条码的背景颜色(包括底部的描述在内)
 color: "#000",//设置条码的字体颜色(包括底部的描述在内)
 fontSize: 10, 
 output: "css",  //渲染方式 css/bmp/svg/canvas
 posX: 10, //没什么用
 posY: 20 //没什么用
});

JsBarcode生成的条码插件

jsbarcode

$canvas = $("<canvas></canvas>");
$canvas.JsBarcode("PD170622000001", { //注意这个插件只支持img,canvas,svg这三种标签生成条形码
        format: "CODE128", //选择条码生成的类型,这里选code128表示一般商用
        lineColor: "#000", //条形码颜色
        width: 2, // 条码间距
        height: 40, // 条码高度
        text: "PD170622000001",
        fontSize: 14, 
        displayValue: true, //是否显示条码下面的值
        font: "Arail",
        textAlign: "left",
        textPosition: "bottom",
        textMargin: 2,
//      background: #ccc,
        margin: 0,
        fontOptions: "bold",
        valid: function (){ //生成之后的回调
        	console.log(111111);
        }
    });
$canvas.appendTo($("#box"));

需要注意的是生成的条码得保证打印的时候不失真,不漏指针,保证扫描枪能够正常扫描,根据在项目中的使用,目前最好的方式是jquery-barcode生成bmp格式的条码是不会出现失真及漏针的情况!