//Dies ist der HTML-Teil //Dies ist der HTML-Teil
Heim >Web-Frontend >js-Tutorial >Zwei Möglichkeiten, QR-Codes mit Javascript zu generieren
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.
<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; });
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!