Heim  >  Artikel  >  Web-Frontend  >  JS-Methode zum Generieren eines QR-Codes aus einem Link und zum Konvertieren in ein Bild

JS-Methode zum Generieren eines QR-Codes aus einem Link und zum Konvertieren in ein Bild

小云云
小云云Original
2018-03-19 09:06:224232Durchsuche

Dieser Artikel führt Sie hauptsächlich in die JS-Methode zum Generieren von QR-Codes aus Links und deren Konvertierung in Bilder ein, einschließlich des qrcodejs-Plugins und der mit der js-Bildgenerierung verbundenen Bedienungstechniken, die ich hoffe kann dir helfen.


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

Verwandte Empfehlungen:

JS generierter QR-Code

phpqrcode Klassenmethode zur Generierung von QR-Code

Zwei Methoden zur Javascript-Generierung von QR-Code

Das obige ist der detaillierte Inhalt vonJS-Methode zum Generieren eines QR-Codes aus einem Link und zum Konvertieren in ein Bild. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn