当前位置:网站首页>条形码与二维码的生成
条形码与二维码的生成
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
边栏推荐
猜你喜欢
.Net Core 下使用 Quartz —— 【1】快速开始
Devexpress Gridview 添加全选列
Set up a personal blog of jpress
微信小程序之点击取消,返回上页,修改上页的参数值,let pages=getCurrentPages() let prevPage=pages[pages.length - 2] // 上一页的数据
ASP.NET CORE JWT认证
Analysis of fixed point PID code of FOC motor Library
Makefile foundation, common functions and general makefile
Overview of node file system and buffer
元素计算距离与event事件对象
Use of shell scripts & and 𞓜
随机推荐
Node访问服务器端静态资源
查漏补缺(一)
C# 监听WMI事件
汇编基础代码示例
Palindromic Primes
手动实现call,apply,bind函数
几款笔记软件的优缺点
Krypton zeal
oninput 一个函数达到控制多个oninput的效果(将本输入框的内容作为参数)【很实用,很实用】
Sdoi2009-hh Necklace
.Net Core 下使用 Quartz —— 【3】作业和触发器之作业传参
VHDL arbitrary frequency divider (50% duty cycle)
Navicat 连接 oracle library is not loaded的解决方法
Aperçu de Redux
.Net Core 下使用 Quartz —— 【5】作业和触发器之触发器的通用属性和优先级
Oracle改成mysql
赛氪-二进制
The difference between single quotation mark, double quotation mark and back quotation mark in shell script
算数表达式
颜色字符串转换