JS实现将链接生成二维码并转为图片的方法_COS能生成二维码吗资源-CSDN文库

生成二维码

146 浏览量 2020-10-18 16:13:08 上传评论 1 收藏 38KB PDF 举报

资源推荐

资源详情

资源评论

JS实现将链接生成二维码并转为图片的方法实现将链接生成二维码并转为图片的方法

主要介绍了JS实现将链接生成二维码并转为图片的方法,涉及qrcodejs插件及js图片生成相关操作技巧,需要的朋

友可以参考下

本文实例讲述了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范德萨范德萨");

//转为图片的方法,需要上门的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>

注：这里使用了qrcodejs插件，github可参考https://github.com/davidshimjs/qrcodejs

PS：这里再为大家推荐两款二维码相关在线工具供大家参考使用：：这里再为大家推荐两款二维码相关在线工具供大家参考使用：

在线生成二维码工具在线生成二维码工具(加强版加强版)

http://tools.jb51.net/transcoding/jb51qrcode

在线二维码解码识别工具在线二维码解码识别工具

http://tools.jb51.net/transcoding/trans_qrcode

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript图片操作技巧大全》、《JavaScript错误与调试技

巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总

结》

希望本文所述对大家JavaScript程序设计有所帮助。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

内容反馈

weixin_38518638

粉丝: 3
资源: 933

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip