js将连接生成二维码,并转为图片

<div id="code"></div>
<img id="img"/><script type="text/javascript">var qrcode=$("#code").qrcode({ render:'canvas||table',width: 200, //宽度 height:200, //高度 text: "http://www.baidu.com" //任意内容 }).hide(); var canvas=qrcode.find('canvas').get(0);  //如果有循环,此句必不可少 qrcode.find('canvas').remove();var data = canvas.toDataURL('image/jpg');$('#img').attr('src',data) ;saveFile(data,"fd范德萨范德萨");//转为图片的方法,需要上门的datafunction saveFile(data,filename){var save_link=document.createElementNS('http://www.w3.org/1999/xhtml', 'a');save_link.href=data;save_link.download=filename;var event=document.createEvent('MouseEvents');event.initMouseEvent('click',true,false,window,0,0,0,0,0,false,false,false,false,0,null);save_link.dispatchEvent(event);};
</script>

觉得有用评论下
或者加 qq 759249926 一起讨论发财项目
或者有想学JAVA的，可以加qq，培训，谢谢！

js将连接生成二维码,并转为图片相关推荐

js生成二维码以及插入图片
js生成二维码以及插入图片先根据qrcode官网demo,不同属性值的变化,二维码的变化效果:https://larsjung.de/jquery-qrcode/latest/demo/ 进入dem ...
网页获取微信信息——js使用插件生成二维码（1）
js使用插件生成二维码: 一.安装依赖: npm i qrcodejs2 -S 二.放置二维码的容器,需要给一个ref <div class="QRcodeCon">& ...
jquery生成二维码怎么添加图片（两种方法）
github项目地址: https://github.com/fengliting/erweima 注意:这里实现的是第一个方法自动生成二维码里面添加图片,有两种方法,一种是使用jquery原生的二 ...
java生成二维码（在图片上生成二维码（二维码带logo）并且在图片上添加文字标签）
1pom.xml  <dependency><groupId>cn.hutool</groupId><artifactId ...
百万前端之js通过链接生成二维码可以保存下载复制
在前端工作中,会遇到很多邀请好友的需求,这个时候就需要前端对需求进行实现了. 最终效果: 这个是做好以后的成品,根据链接生成二维码,提供保存二维码和复制链接功能,纯前端实现.话不多说直接上代码 htm ...
前端js html转换成pdf可下载打印；前端js可批量生成条形码；前端js可批量生成二维码，生成letter标签
注意:本文调试的是letter纸尺寸前端js html转换成pdf可下载打印 html2canvas + jspdf 前端js生成条形码 Options · lindell/JsBarcode ...
用qrcode.js写的生成二维码和下载这个二维码
实在是不想用网上的生成二维码,就自己写了个简单的生成和下载的功能先看一下效果: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transi ...
生成二维码并以图片格式下载-qrcodejs2
最近在做项目,碰到票据完成后的生成二维码以及提供下载功能,这里谈谈个人实战经验: 先上代码: 引入: html: js: 说明: 网上文章里提到的插件很多,但是好像并不是都有用(有点坑),实践之后发现 ...
jquery 生成二维码并嵌入图片
用到的js 库 jquery-3.3.1.min.js jquery.qrcode.min.js html2canvas.js (百度云链接:https://pan.baidu.com/s ...

js将连接生成二维码,并转为图片

js将连接生成二维码,并转为图片相关推荐

最新文章

热门文章