標籤:技術分享 空白 css images settings alt set jquer 部落格
條碼官網:
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
jquery 條碼 外掛程式jquery-barcode使用