Maison > interface Web > js tutoriel > 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

一个新手
Libérer: 2017-09-20 09:43:18
original
2174 Les gens l'ont consulté

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="下载">
Copier après la connexion
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);
    })//下载
Copier après la connexion

jquery.qrcode

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

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal