VUE—生成条形码
vue 生成条形码
·
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();
结果:
更多推荐
已为社区贡献4条内容
所有评论(0)