Wir können qrcodejs verwenden QR-Code mit js generieren, qrcodejs ist der browserübergreifende QRCode-Generator für JavaScript, der ganz einfach QR-Codes generieren kann
1: Laden Sie das qrcodejs-Plug-in herunter
Die Adresse von qrcode: https://github.com/davidshimj...
heruntergeladen Die Dateien von qrcode lauten wie folgt, wobei qrcode.js und qrcide.min.js die von uns benötigten js sind. qrcode.min.js ist die komprimierte Version von qrcode.js
Zwei: QR-Code implementieren Generation
1: Muss eingeführt werden. js
qrcodejs ist für die Implementierung auf der Grundlage von jquery konzipiert. Daher müssen wir zuerst jquery und dann qrcodejs einführen
<script></script> <!--引入jquery--> <script></script> <!--引入qrcodejs-->
2: Verwenden Sie qrcode, um die QR-Code-Generierung zu realisieren
<p></p> <script> new QRCode(document.getElementById("qrcode"), "https://wj0511.com"); </script>
Wenn wir zu diesem Zeitpunkt die aktuelle Seite besuchen, können wir sehen, dass wir den generierten QR-Code generiert haben. Besuchen Sie nach dem Scannen des QR-Codes https://www.wj0511.com
Hier erklären wir hauptsächlich einige grundlegende Parameter Der folgende neue QRCode
Der oben generierte QR-Code kann zu springen. Für die angegebene URL können wir auch einige grundlegende Parameter des QR-Codes wie folgt festlegen:
var qrcode = new QRCode(document.getElementById("qrcode"), { text: "https://www.wj0511.com",//扫描二维码后的内容 width: 128,//二维码的宽 height: 128,//二维码的高 colorDark : "#000000",//二维码线条颜色 colorLight : "#ffffff",//二维码背景颜色 correctLevel : QRCode.CorrectLevel.H //二维码等级 });