vue-生成二维码+下载二维码

<div class="img" ref="code"><qrcode-vue :value="link" size="175"  level="H" />
</div>
<p class="down" @click="code()">下载二维码</p>import html2canvas from "html2canvas";
import QrcodeVue from "qrcode.vue";
components:{QrcodeVue,html2canvas,},code() {html2canvas(this.$refs.code, {backgroundColor: "#fff",useCORS: true, //  第三个修改的地方allowTaint: true, //允许跨域（默认false）}).then((canvas) => {let dataURL = canvas.toDataURL("image/jpg");if (dataURL !== "") {var a = document.createElement("a");a.crossOrigin = "*";a.download = "二维码.jpg";a.href = dataURL;a.click();}});},

vue-生成二维码+下载二维码相关推荐

Vue使用html2Canvas和canvas2Image下载二维码会模糊的问题解决方法
Vue使用html2Canvas和canvas2Image下载二维码会模糊的问题解决方法参考文章: (1)Vue使用html2Canvas和canvas2Image下载二维码会模糊的问题解决方法 ( ...
在线教育专业建站工具 EduWind ，源码下载，源码分享网整理
在线教育专业建站工具 EduWind ,源码下载, Eduwind是由北京水木信步网络科技有限公司开发的网校服务,公司位于清华科技园.目前,EduWind的产品系列包括以下两大版本: EduWind网 ...
站长下载 - 源码下载,网站源码,站长工具 - 中国站长站
站长下载 - 源码下载,网站源码,站长工具 - 中国站长站 http://down.chinaz.com/
9款精致HTML5/jQuery日历时钟控件源码下载（源码请见百度云）链接：http://pan.baidu.com/s/1geIXe75 密码：7m4a...
现在的网页应用越来越丰富,我们在网页中填写日期和时间已经再也不用手动输入了,而是使用各种各样的日期时间选择控件,大部分样式华丽的日期选择和日历控件都是基于jQuery和HTML5的,比如今天要分享的这 ...
RTOS之uCOS-II源码下载及源码目录结构、常见的RTOS！
RTOS有众多种,用得最火的是FreeRTOS,因为它即使用于商业途径,也是开源免费的:其次是就是uCOS-II和uCOS-III.uCOS-II用于商业途径是需要付费的,但是对于学习研究却是免费的. ...
android 6.0.1原生系统源码下载以及源码编译----framework修改
1.源码下载前参数配置 1️⃣配置usb所需 sudo apt-get update sudo apt-get install git-core gnupg flex bison gperf buil ...
dedecms织梦仿麦站网模板源码下载站源码
介绍: 第一步:上传源码到宝塔解压,访问域名/install 进行安装第二步:登录后台还原数据.之后点击"系统"-"系统基本参数设置",修改网站根目录地址,填 ...
php广告任务网源码_Thinkphp仿我爱广告任务网网站源码下载_源码下载
源码介绍安装环境:php5.3以上 + mysql5.6 安装方法: 1.导入根目录下的数据库文件. 2.打开Conf/config.php,修改数据库配置文件. 3.保存,访问域名正常显示即安装成 ...
三国杀c语言游戏编程代码,三国杀游戏 - 源码下载|源代码 - 源码中国
压缩包 : 三国杀.rar 列表 [原创]一步一步用C#编写三国杀(二):牌堆的设计 - 忘却之都 - 博客园.files\1787546.jpg [原创]一步一步用C#编写三国杀(二):牌堆的设计 ...

vue-生成二维码+下载二维码

vue-生成二维码+下载二维码相关推荐

最新文章

热门文章