Heim > Web-Frontend > js-Tutorial > Hauptteil

JS implementiert eine Methode, um aus einem Link einen QR-Code zu generieren und ihn in ein Bild umzuwandeln

亚连
Freigeben: 2018-05-29 16:31:04
Original
2668 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die JS-Methode zum Generieren von QR-Codes aus Links und deren Konvertierung in Bilder vorgestellt, einschließlich der Betriebstechniken für das QRcodeJS-Plugin und die JS-Bildgenerierung. Freunde in Not können sich auf Folgendes beziehen:

Dies Der Artikel erläutert die Beispiele. Verwenden Sie JS, um die Methode zum Generieren eines QR-Codes aus einem Link und zum Konvertieren dieses Codes in ein Bild zu implementieren. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

<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>
Nach dem Login kopieren

Das Obige habe ich für alle zusammengestellt. Ich hoffe, es wird in Zukunft für alle hilfreich sein.

Verwandte Artikel:

Beispiel für die Rückkehr zur Startseite der WeChat-Applet-Sharing-Seite

Detaillierte Erläuterung der ElTableColumn von VUE in element-ui-Erweiterung

Detaillierte Erläuterung der benutzerdefinierten dynamischen Komponenteninstanz von Vue

Das obige ist der detaillierte Inhalt vonJS implementiert eine Methode, um aus einem Link einen QR-Code zu generieren und ihn in ein Bild umzuwandeln. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!