jsbarcode属性如何设置

 时间:2026-02-15 19:20:43

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属性如何设置

  • 花亦山心之月如何完成进入书院任务
  • 什么样的人群不宜吃或者不宜多吃鸡蛋
  • 斗罗大陆h5月刃魂环搭配
  • 电梯失控怎么办
  • 使命召唤OL 夜色泥沼如何获取更多技能获
  • 热门搜索
    旅游app 太原旅游网 西安华山旅游攻略 旅游服务业 抚顺旅游景点大全 埃及旅游注意事项 亚庇旅游攻略 河南开封旅游 白水寨旅游攻略 12月份适合去哪里旅游