当前位置:网站首页>条形码与二维码的生成
条形码与二维码的生成
2022-04-23 05:56:00 【画不完的饼】
条形码与二维码的生成
附上文件地址:https://download.csdn.net/download/weixin_39162041/12272441
这是三个js文件库,使用的时候只需要将三个文件放到一个目录下,到需要生成二维码或者条形码的地方,直接引入index.js即可,如下:
html
注释:因为生成是用canvas生成的,所以用到哪个,在页面添加生成标签即可。样式自己设计/
<canvas canvas-id="barcode" class='barcode' />
<canvas canvas-id="qrcode" class='qrcodes' />
js
//在你需要生成二维码的页面引入index.js
let wxbarcode = require('../../libs/index.js');
注释:后面的数组是生成码的宽高,res.data.data代表数据
wxbarcode.barcode('barcode', res.data.data, 580, 150);//这个是生成条形码
wxbarcode.qrcode('qrcode', res.data.data, 400, 400);//这个是生成二维码
版权声明
本文为[画不完的饼]所创,转载请带上原文链接,感谢
https://blog.csdn.net/weixin_39162041/article/details/105118282
边栏推荐
猜你喜欢
VHDL arbitrary frequency divider (50% duty cycle)
常用sql语句收藏
Error in created hook: “ReferenceError: “Promise”未定义“
HDU-Tunnel Warfare
MOS tube characteristics and conduction process
2020 Jiangsu Collegiate Programming Contest-A.Array
.Net Core 下使用 Quartz —— 【3】作业和触发器之作业传参
Detailed explanation and application of PN junction and diode principle
小程序学习笔记(一)
SignalR实现从服务端主动发送数据到客户端
随机推荐
var、let、const之间的区别
.Net Core 下使用 Quartz —— 【1】快速开始
小米摄像头异常解决
CUDA environment installation
查漏补缺(八)
赛氪-zeal
VHDL arbitrary frequency divider (50% duty cycle)
Analysis of fixed point PID code of FOC motor Library
WebSocket(基础)
查漏补缺(五)
Detailed explanation and application principle of token
Interprocess communication - mutex
导入文件时候 new FormData()
Generate shortcut
Informatics one book pass - small ball
v-for下定时给图片添加动画
统计字符串中每个字符出现的次数
VHDL finite state machine (FSM) code example
Node访问服务器端静态资源
汇编 32位无符号加法计算器