//Ceci est la partie html //Ceci est la partie html

Maison  >  Article  >  interface Web  >  Deux façons de générer des codes QR à l'aide de JavaScript

Deux façons de générer des codes QR à l'aide de JavaScript

一个新手
一个新手original
2017-09-20 09:43:182150parcourir

Je ne connais que deux façons de générer des codes QR à l'aide de js, qui peuvent être téléchargées. J'ai essayé la première, qui n'a pas pu être téléchargée, mais je peux toujours la télécharger. C'est fondamentalement la même chose que la deuxième méthode.

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;
    });

Je ne connais que deux types de codes QR générés par js, vous pouvez En cours de téléchargement, j'ai essayé la première méthode qui n'a pas pu être téléchargée, mais je peux toujours la télécharger. C'est fondamentalement la même que la deuxième méthode.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn