Beispiel eines in JavaScript implementierten WeChat QR-Code-Bildgenerators

jquery.qrcode.js ist ein JQuery-Plug-In, das auf dem Client einen Matrix-QR-Code QRCode generieren kann. Es kann zum einfachen Generieren von 2D-Barcodes auf der Seite verwendet werden.

QRCode.js

QRCode.js ist eine Javascript-Implementierungsbibliothek für die Produktion und Generierung von QR-Code (QRCode). QRCode.js verfügt über eine gute browserübergreifende Kompatibilität (die höhere Version verwendet HTML5 Canvas und die niedrigere Version des IE verwendet Tabellenelemente zum Zeichnen), und QRCode.js weist keine Abhängigkeiten auf. Ich muss nur einen JS zitieren.

Dieses Plug-in kann unabhängig verwendet werden und ist relativ klein, weniger als 4 KB nach der GZIP-Komprimierung. Da es sich um einen Barcode handelt, der direkt auf dem Client generiert wird, ist kein Bild-Download erforderlich und er kann schnell generiert werden. Es basiert auf einer mehrsprachigen Klassenbibliothek und ist nicht auf andere zusätzliche Dienste angewiesen.

Hinweis* Es unterstützt auch die Verwendung von SVG zum Zeichnen von QR-Codes

Grundlegende Verwendung

Hinweis* Zuerst müssen Sie qrcode.js hinzufügen Referenzieren und ein leeres DIV erstellen

<div id="qrcode"></div> <script type="text/javascript"> new QRCode(document.getElementById("qrcode"), "http://jindo.dev.naver.com/collie"); </script>

Es stehen weitere Parameter zur Auswahl

var qrcode = new QRCode("test", {
 text: "http://jindo.dev.naver.com/collie",
 width: 128,
 height: 128,
 colorDark : "#000000",
 colorLight : "#ffffff",
 correctLevel : QRCode.CorrectLevel.H
});

Sie können die beiden dynamisch ändern QR-Code-Bilder, sehr schnell

qrcode.clear();
qrcode.makeCode("http://naver.com");

Browser-Unterstützung

Unterstützt fast alle Browser: IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile.

DEMO-Adresse: http://davidshimjs.github.io/qrcodejs

Hinweis* Hier gibt es einen Server Node. JS ist eine Bibliothek zum Generieren von QR-Code-Bildern: https://github.com/soldair/node-qrcode

Das Obige ist der gesamte Inhalt dieses Artikels, I Ich hoffe, dass es für das Lernen aller hilfreich sein wird, und ich hoffe, dass jeder die chinesische PHP-Website unterstützen wird.

Weitere Beispiele für Artikel zum Thema JavaScript-implementierter WeChat QR-Code-Bildgenerator finden Sie auf der chinesischen PHP-Website!