Méthode JS pour générer un code QR à partir d'un lien et le convertir en image

Cet article vous présente principalement la méthode JS pour générer des codes QR à partir de liens et les convertir en images, impliquant le plug-in qrcodejs et les techniques d'exploitation liées à la génération d'images js. Les amis dans le besoin pourront s'y référer. t'aider.

<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>

Recommandations associées :

Code QR généré par JS

phpqrcode méthode de classe de génération de code QR

Deux méthodes de génération de code QR javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!