1、命令:

cnpm install JsBarcode --save

2、引入:

<script src="http://www.jq22.com/jquery/vue.min.js"></script>
<script src='js/JsBarcode.all.min.js'></script>

3、声明:

var JsBarcode = require('jsbarcode')

4、例子:

你好,世界
HTML:

<svg id="barcode"></svg>

使用Javascript:

JsBarcode("#barcode", "Hi world!");

结果:
这里写图片描述
示例与选项
HTML:

<svg id="barcode"></svg>

使用Javascript:

JsBarcode("#barcode", "1234", {
  format: "pharmacode",
  lineColor: "#0aa",
  width: 4,
  height: 40,
  displayValue: false
});

结果:
这里写图片描述

在HTML中声明选项
HTML:

<svg class="barcode"
  jsbarcode-format="upc"
  jsbarcode-value="123456789012"
  jsbarcode-textmargin="0"
  jsbarcode-fontoptions="bold">
</svg>

使用Javascript:

JsBarcode(".barcode").init();

结果:
这里写图片描述

Logo

前往低代码交流专区

更多推荐