Heim > Web-Frontend > js-Tutorial > Analyse der Methode zur Generierung von QR-Code-Bildern aus Links mithilfe von JS

Analyse der Methode zur Generierung von QR-Code-Bildern aus Links mithilfe von JS

php中世界最好的语言
Freigeben: 2018-05-10 14:01:56
Original
3015 Leute haben es durchsucht

Dieses Mal werde ich Ihnen eine Analyse der Methode zum Generieren eines QR-Codes Bild aus einem Link mit JS bringen. Welche Vorsichtsmaßnahmen gibt es für die Verwendung von JS zum Generieren eines QR-Codes? Bild von einem Link? Das Folgende ist ein praktischer Fall, schauen wir uns das an.

<p id="code"></p>
<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>
Nach dem Login kopieren

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Schritte zum Hinzufügen von Ereignissen zu dynamisch erstellten Elementen mithilfe von JS

Dynamisches Vue-Routing Umleitung und Navigationsschutz Implementierung von

Das obige ist der detaillierte Inhalt vonAnalyse der Methode zur Generierung von QR-Code-Bildern aus Links mithilfe von JS. 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