例JavaScript怎么將生成的二維碼轉(zhuǎn)換成圖片

這篇文章主要介紹了例JavaScript怎么將生成的二維碼轉(zhuǎn)換成圖片，此處通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考價值，需要的朋友可以參考下：

JavaScript可以做什么

1.可以使網(wǎng)頁具有交互性，例如響應(yīng)用戶點(diǎn)擊，給用戶提供更好的體驗(yàn)。 2.可以處理表單，檢驗(yàn)用戶的輸入，并提供及時反饋節(jié)省用戶時間。 3.可以根據(jù)用戶的操作，動態(tài)的創(chuàng)建頁面。 4使用JavaScript可以通過設(shè)置cookie存儲在瀏覽器上的一些臨時信息。

具體如下：

<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" //任意內(nèi)容
  }).hide();
  var canvas=qrcode.find('canvas').get(0);
  //如果有循環(huán),此句必不可少 qrcode.find('canvas').remove();
  var data = canvas.toDataURL('image/jpg');
  $('#img').attr('src',data) ;
  saveFile(data,"fd范德薩范德薩");
  //轉(zhuǎn)為圖片的方法,需要上門的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>

到此這篇關(guān)于例JavaScript怎么將生成的二維碼轉(zhuǎn)換成圖片的文章就介紹到這了,更多相關(guān)例JavaScript怎么將生成的二維碼轉(zhuǎn)換成圖片的內(nèi)容請搜索億速云以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持億速云！