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>
生成效果
