Heim > Web-Frontend > js-Tutorial > Hauptteil

Zwei Möglichkeiten, QR-Codes mit Javascript zu generieren

一个新手
Freigeben: 2017-09-20 09:43:18
Original
2159 Leute haben es durchsucht

Ich kenne nur zwei Möglichkeiten, QR-Codes mit js zu generieren. Ich habe die erste Methode ausprobiert, die nicht heruntergeladen werden konnte, aber ich kann sie trotzdem herunterladen. Sie ist im Grunde die gleiche wie die zweite Methode.

qrcode QR-Code

<p id="qrcode"></p>//这个是html部分<a id="download" download="test.jpg"></a>
<input type="button" id="down" value="下载">
Nach dem Login kopieren
var qrcode = new QRCode(document.querySelector(&#39;#qrcode&#39;),{
        width  : 96,//设置二维码的宽高
        height : 96
    });
   qrcode.makeCode("http://www.baidu.com/");//按地址生成二维码
    var url = $(&#39;#qrcode canvas&#39;).toDataURL(&#39;image/jpeg&#39;);    //转成jpg图片
    $(&#39;#down&#39;).click(function(){
         $("#download").attr(&#39;href&#39;, url);
    })//下载
Nach dem Login kopieren

jquery.qrcode

    <p id="qrcode"></p>
    <a id="download" download="test.jpg"></a>
    <input type="button" id="save" value="save" />
Nach dem Login kopieren
<script src="js/jquery.qrcode.min.js"></script>
    jQuery(&#39;#qrcode&#39;).qrcode({width: 96,height: 96,text:"http://www.baidu.com"});

    $("#save").click(function(){

        var canvas = $(&#39;#qrcode&#39;).find("canvas").get(0);        var url = canvas.toDataURL(&#39;image/jpeg&#39;);

        $("#download").attr(&#39;href&#39;, url).get(0).click();        return false;
    });
Nach dem Login kopieren

Ich kenne nur zwei Arten von QR-Code, die von js generiert werden, das können Sie Beim Herunterladen habe ich die erste Methode ausprobiert, die nicht heruntergeladen werden konnte, aber ich kann sie trotzdem herunterladen. Sie ist im Grunde dieselbe wie die zweite Methode.

Das obige ist der detaillierte Inhalt vonZwei Möglichkeiten, QR-Codes mit Javascript zu generieren. 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