jsbarcode属性如何设置

2025-10-06 18:05:26

1、打开sublime text3编辑器,创建一个HTML文档,并且设置基本的框架。

jsbarcode属性如何设置

2、<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script>

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.0/dist/JsBarcode.all.min.js"></script>

首先我们需要把条形码插件引入进来,并且创建一个JS文档,与HTML文档相关联。

jsbarcode属性如何设置

3、<svg id="svg"></svg>

在HTML里面加入SVG标签。

JsBarcode("#svg", "svg");

在JS里面写出条码的形式。

jsbarcode属性如何设置

jsbarcode属性如何设置

4、<canvas id="canvas"></canvas> 

JsBarcode("#canvas", "canvas");

canvas标签也是可以的。

jsbarcode属性如何设置

jsbarcode属性如何设置

5、<img id="img" />

JsBarcode("#img", "img"); 

img标签也没有问题。

jsbarcode属性如何设置

jsbarcode属性如何设置

6、JsBarcode("#svg", "svg code", {

  format: "CODE39",

  width:3,

  height:100,

  displayValue:true,

  font:"arial",

  lineColor:"#ff0000",

});

还可以修改BARCODE的样式属性,这里提供基本的样式作为示范。

jsbarcode属性如何设置

jsbarcode属性如何设置

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢