JsBarcodey一维码_jsbarcode 整个条形码的宽度-CSDN博客

<!DOCTYPE html>
<html>
 <head> 
  <meta charset="utf-8" /> 
  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no" /> 
  <title></title> 
  <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script> 
  <script type="text/javascript" src="./js/JsBarcode.all.min.js"></script> 
 </head> 
 <body> 
 
  <svg id="barcode1"></svg>
  <svg id="barcode2"></svg>
  <svg id="barcode3"></svg>
  <script>  
  <script>
  JsBarcode("#barcode1", "Hi!", {
    fontSize: 40,
    background: "#4b8b7f",
    lineColor: "#ffffff",
    margin: 0,
    displayValue: false,
    marginLeft: 0
  });
  
  JsBarcode("#barcode2", "Hi!", {
    textAlign: "left",
    textPosition: "top",
    font: "cursive",
    fontOptions: "bold",
    fontSize: 40,
    textMargin: 15,
    text: "Special"
  });
  
  JsBarcode("#barcode3", "1234", {
    format: "pharmacode",
    displayValue: false,
    height: 50,
    width: 2
  });</script>
 </body>
</html>

format

 </script> 
   <!-- <script>   
  JsBarcode("#imgcode", "123", {
    format: "CODE39",//选择要使用的条形码类型
    width:3,//设置条之间的宽度
    height:100,//高度
    displayValue:true,//是否在条形码下方显示文字
    text:"456",//覆盖显示的文本
    fontOptions:"bold italic",//使文字加粗体或变斜体
    font:"fantasy",//设置文本的字体
    textAlign:"left",//设置文本的水平对齐方式
    textPosition:"top",//设置文本的垂直位置
    textMargin:5,//设置条形码和文本之间的间距
    fontSize:15,//设置文本的大小
    background:"#eee",//设置条形码的背景
    lineColor:"#2196f3",//设置条和文本的颜色。
    margin:15//设置条形码周围的空白边距
  });
  </script> -->

JsBarcode("id", "内容",“格式”）