条码官网:
http://barcode-coder.com/en/barcode-jquery-plugin-201.html
条码中第一个参数 是条码内容
条形码中的第二个参数:
ean8 ean13 std25 int25 code11 code39 code93 code128(一般商品扫描使用) codabar msi datamatrix
<script src="./jquery-2.0.3.min.js"></script> <script src="./jquery-barcode-last.min.js"></script> <script> $(function(){ $("#bcTarget").barcode("5693691811000083", "code128",{ output:‘css‘, //渲染方式 css/bmp/svg/canvas //bgColor: ‘#ff0000‘, //条码背景颜色 color: ‘#00ff00‘, //条码颜色 barWidth: 2, //单条条码宽度 barHeight: 100, //单体条码高度 // moduleSize: 5, //条码大小 // posX: 10, //条码坐标X // posY: 5, //条码坐标Y addQuietZone: false //是否添加空白区(内边距) }); }) </script> <style type="text/css"> /*#bcTarget{width: 400px;height: 100px;}*/ </style> </head> <body> <div id="bcTarget"></div> </body>
//应用时可能用到参数选项 var barcodeSettings = { addQuietZone: false, //是否添加空白区(内边距) bgColor: "#FFFFFF", //条码背景颜色 color: "#000000", //条码颜色 fontSize: 12, //条码字体大小 marginHRI: 5, //条码字体距条码中心的高度 barWidth: "1", //单条条码宽度 barHeight: "60" //单体条码高度 }; //jquery-barcode插件中的参数选项 /* defaultsettings: { barWidth: 1, barHeight: 50, moduleSize: 5, showHRI: true, addQuietZone: true, marginHRI: 5, bgColor: "#FFFFFF", color: "#000000", fontSize: 10, output: "css", //渲染方式 css/bmp/svg/canvas posX: 0, posY: 0 } */
博客原文:http://www.wujiangwei.win/?p=79
时间: 2024-10-18 03:07:33