js通过QRCode生成二维码并下载

html
<div v-show="false" id="qrcode"></div>jsnpm i qrcodejs2import QRCode from 'qrcodejs2';
data：{return：{qrCode :null}
}download(params) {const text = params+'动态解析内容'if (this.qrCode) {//单例 如果需要重复点击生成携带不同text内容的二维码，则需要通过这种方式//先清除 然后在使用makeCode重新更换 text内容//不然重复点击后下载的内容是最后一次点击的text，this.qrCode.clear();this.qrCode.makeCode(text);} else {this.qrCode = new QRCode('qrcode', {width: 300,height: 300,text,colorDark: '#000',colorLight: '#fff'});}console.log(url);let myCanvas = document.getElementById('qrcode').getElementsByTagName('canvas');console.log(myCanvas, 'myCanvas');let a = document.createElement('a');a.href = myCanvas[0].toDataURL('image/png');a.download = this.dialog.data.serverTypeName + '+' + row.activeProjectName;a.click();a = null;
},

单例如果需要重复点击生成携带不同text内容的二维码，则需要通过这种方式
先清除然后在使用makeCode重新更换 text内容
不然重复点击后下载的内容是最后一次点击的text，

这里还有一个注意的是，如果用草料二维码解析器解析不出text的话，
可能是因为width和height 大小不够的原因，设置大一点就好了

附上官网地址 https://github.com/davidshimjs/qrcodejs

js通过QRCode生成二维码并下载相关推荐

用qrcode.js写的生成二维码和下载这个二维码
实在是不想用网上的生成二维码,就自己写了个简单的生成和下载的功能先看一下效果: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transi ...
js 生成二维码并下载
1.先利用 qrcode 生成二维码引入qrcode.js ,地址为 qrcodejs-04f46c6.zip 点击打开链接页面: <button onclick="createQ ...
qrcode生成二维码，canvas转化为图片
可以用jquery.qrcode.min.,js将一个页面生成二维码,该插件支持canvas和table,默认为canvas 核心代码: $('#qrcodeCanvas').qrcode({ ...
网页获取微信信息——js使用插件生成二维码（1）
js使用插件生成二维码: 一.安装依赖: npm i qrcodejs2 -S 二.放置二维码的容器,需要给一个ref <div class="QRcodeCon">& ...
Qrcode生成二维码相关问题
使用Qrcode生成二维码,并提供下载二维码图按钮 JS代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 ...
C# 利用QRCode生成二维码图片
网上生成二维码的组件是真多,可是真正好用的,并且生成速度很快的没几个,QRCode就是我在众多中找到的,它的生成速度快.但是网上关于它的使用说明,真的太少了,大都是千篇一律的复制粘贴.这是本要用它做了 ...
使用jQuery的插件qrcode生成二维码（静态+动态生成）及常见问题解决方法
使用jQuery的插件qrcode生成二维码(静态+动态生成)及常见问题解决方法参考文章: (1)使用jQuery的插件qrcode生成二维码(静态+动态生成)及常见问题解决方法 (2)https: ...
关于QRCode生成二维码（背景图、Logo）
关于QRCode生成二维码的代码 /// <summary> /// 创建二维码 /// </summary> /// <param name="QRStrin ...
php使用Qrcode生成二维码
php使用Qrcode生成二维码首先检查php.ini Gd 库要打开 use QrCode; //控制器引用public function index(){include 'phpqrcode.p ...

js通过QRCode生成二维码并下载

js通过QRCode生成二维码并下载相关推荐

最新文章

热门文章