js生成一维条码

JavaScript030

js生成一维条码,第1张

把按钮的onclick事件移到body的onload事件即可

<body onload="createBarcode('div128','zhaokuo','B')">

使用jsbarcode:

官网:

https://lindell.me/JsBarcode/

简单使用如下:

vue用法:

1.npm install jsbarcode --save

2.在需要使用的vue页面里面引用:

import JsBarcode from 'jsbarcode'

3.界面中使用:

<div  style="text-align: center" ><svg id="barcode" ></svg></div>

4.js:

详细参数参考官方文档。

使用qrcodejs2:

没有找到官网,可以参考npmjs:

https://www.npmjs.com/package/qrcodejs2

vue用法:

1.npm install qrcodejs2 --save

2.在需要使用的页面中引用:

import QRCode from 'qrcodejs2'

3.页面:

<div style="display: flexjustify-content: center" id='qrcode'></div>

4.js:

使用在线条形友生成器即可把数字重新生成为条形码,具体操作方法如下:

一、首先打开百度搜索“jsons在线解析格式化”。

二、搜索结果内点击“jsons在线解析格式化”。

三、进入该网页后,点击“网络工具”,下拉菜单内点击“条形码生成器”。

四、在条形码内容内输入数字,点击“生成条形码”。

五、这时下方就会生成对应数字的条形码。