//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
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.
<p id="qrcode"></p>//这个是html部分<a id="download" download="test.jpg"></a> <input type="button" id="down" value="下载">
var qrcode = new QRCode(document.querySelector('#qrcode'),{ width : 96,//设置二维码的宽高 height : 96 }); qrcode.makeCode("http://www.baidu.com/");//按地址生成二维码 var url = $('#qrcode canvas').toDataURL('image/jpeg'); //转成jpg图片 $('#down').click(function(){ $("#download").attr('href', url); })//下载
<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('#qrcode').qrcode({width: 96,height: 96,text:"http://www.baidu.com"}); $("#save").click(function(){ var canvas = $('#qrcode').find("canvas").get(0); var url = canvas.toDataURL('image/jpeg'); $("#download").attr('href', 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!