使用的小案例
<script src="./jquery-2.0.3.min.js"></script>
<script src="./jquery-barcode.js"></script>//必须引用的js
<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
}
*/