Jquery 下载地址:http://www.jq22.com/jquery-info122
JsBarcode 下载地址:http://www.jq22.com/jquery-info15657
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>JS生成条形码</title>
<script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/jsbarcode/JsBarcode.all.min.js"></script>
<script>
$(function(){
$("#imgcode").JsBarcode("ABCD123", {
width:2,// 设置条之间的宽度
height:35,// 高度
// displayValue:true, // 是否在条形码上下方显示文字
// fontOptions:"bold italic", // 使文字加粗体或变斜体
// font:"fantasy", // 设置文本的字体
// textAlign:"left", // 设置文本的水平对齐方式
// textPosition:"top", // 设置文本的垂直位置
// textMargin:5, // 设置条形码和文本之间的间距
// fontSize:15, // 设置文本的大小
// background:"#eee", // 设置条形码的背景
// lineColor:"#2196f3", // 设置条和文本的颜色。
// margin:15 // 设置条形码周围的空白边距
});
});
</script>
</head>
<body>
<img id="imgcode"/>
</body>
</html>
生成效果