国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JS實現將鏈接生成二維碼并轉為圖片的方法

2019-11-19 14:08:47
字體:
來源:轉載
供稿:網友

本文實例講述了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.VeVB.COm/transcoding/jb51qrcode

在線二維碼解碼識別工具
http://tools.VeVB.COm/transcoding/trans_qrcode

更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript圖片操作技巧大全》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結

希望本文所述對大家JavaScript程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 象州县| 天长市| 岑溪市| 呼玛县| 田林县| 东乡族自治县| 梓潼县| 乌兰察布市| 汤阴县| 周口市| 乌海市| 改则县| 巩义市| 东海县| 南涧| 自贡市| 平顶山市| 阳泉市| 龙岩市| 图片| 大庆市| 翁源县| 龙胜| 二连浩特市| 湖南省| 田林县| 绵竹市| 宁津县| 广东省| 准格尔旗| 文安县| 九台市| 五家渠市| 嘉黎县| 邹城市| 峨眉山市| 周口市| 英山县| 荣昌县| 白河县| 南投市|