//Dies ist der HTML-Teil //Dies ist der HTML-Teil

Heim  >  Artikel  >  Web-Frontend  >  Zwei Möglichkeiten, QR-Codes mit Javascript zu generieren

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

一个新手
一个新手Original
2017-09-20 09:43:182160Durchsuche

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="下载">
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);
    })//下载

jquery.qrcode

    <p id="qrcode"></p>
    <a id="download" download="test.jpg"></a>
    <input type="button" id="save" value="save" />
<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;
    });

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!

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