点击按钮，下载二维码图片

    const img = new Image();img.setAttribute('crossOrigin', 'anonymous');img.onload = () => {const canvas = document.createElement('canvas');canvas.width = img.width;canvas.height = img.height;const ctx = canvas.getContext('2d');// 将img中的内容画到画布上ctx.drawImage(img, 0, 0, canvas.width, canvas.height);// 将画布内容转换为Blobcanvas.toBlob(blob => {// blob转为同源urlconst blobUrl = window.URL.createObjectURL(blob);// 创建a链接const a = document.createElement('a');a.href = blobUrl;a.download = '二维码';// 触发a链接点击事件，浏览器开始下载文件a.click();});};img.src = this.qrCode; // 二维码的url

点击按钮，下载二维码图片相关推荐

利用qrcode.js生成二维码，并点击按钮下载二维码图片（亲测可用）
话不多说,先上代码(复制即用): <!DOCTYPE html> <html lang="en"> <head><meta charset ...
vue 自动生成二维码，并点击按钮下载二维码
需求:前端根据后端返回的内容生成二维码,点击按钮能下载此二维码 1.npm 引入qrcodejs2 包 (用qrcodejs2 生成的二维码展示效果比较好,推荐使用) npm i qrcodejs2 ...
Java生成二维码并以IO流的形式返回给前端展示(不需写入服务器)，以及下载二维码图片
目录场景方案分析第一步--引入依赖第二步--编写工具类第三步--编写API接口第四步--访问测试第五步--下载图片场景最近笔者做的项目中,有一个需求: 在系统中生成一个二维码,用户保 ...
vue3+qrcode插件实现下载二维码图片（.png、.svg格式）
注释:qrcode可通过canvas的toDataURL方法下载对应的png图片,比较恶心的是下载svg格式(必须记录一下) 安装一下qrcode插件 npm i qrcode --save 或 ya ...
记录使用QRCode 显示并下载二维码图片
记录使用QRCode 生成二维码项目安装qrcode 命令:npm install --save qrcodejs2 引入 import QRCode from 'qrcodejs2' 后端提供qr ...
uniapp weapp-qrcode.js生成二维码，并下载二维码图片
找了很多插件,但是都太复杂,不符合自己的要求找了个最简单的.weapp-qrcode.js ,生成二维码没有问题,但是下载图片获取不到图片路径,自己稍微改造了一下 https://github.co ...
react二维码qrcode.react以及点击二维码的下载二维码图片
npm install qrcode.react 参考文档程序如下, const QRCode = require('qrcode.react'); export default class Pro ...
vue：实现前端生成并下载二维码（使用qrcodejs2插件）
需求点击按钮下载二维码,并命名为"奶绿走糖-二维码". HTML <button @click="getPersonCode()">下载二维码&l ...
qrcodejs2生成二维码，通过canvas绘制带边框+中间logo的二维码图片，下载二维码
文章目录一.通过qrcodejs2生成一个二维码二.点击[下载配置服务器二维码]来下载二维码 1.通过canvas去绘制边框+二维码+logo (1)为canvas增加绘制圆角矩形的方法(can ...

点击按钮，下载二维码图片

点击按钮，下载二维码图片相关推荐

最新文章

热门文章