<p id="code"></p> <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范德萨范德萨); //转为图片的方法,需要上门的data function 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>
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
js给动态创建元素添加事件步骤详解
vue路由动态重定向与导航守卫的实现
以上就是js把链接生成二维码图片方法分析的详细内容。