vue生成一个简单的条形码

2019-12-20 2,547 阅读1分钟

安装

npm install JsBarcode --save

引入

var JsBarcode = require('jsbarcode')（需要的文件里）

声明

var JsBarcode = require('jsbarcode')

生成使用

<svg id="barcode"></svg>
JsBarCode('#barcode', value, data)
注意JsBarCode()以一个参数为对应svg的id，第二个参数代表显示在条形码周
围的文字，第三个参数为修饰该条形码的对象，其中包括条形码宽高，背景颜
色，边距，字体大小样式等等

eg：

<svg id="barcode"></svg>
JsBarcode("#barcode", "1234", {
  format: "pharmacode",
  lineColor: "#0aa",
  width: 4,
  height: 40,
  displayValue: false
})

结果：

详细配置请见：

github.com/lindell/JsB…