QR-Codes erfreuen sich mittlerweile immer größerer Beliebtheit. Viele Webseiten verfügen über einen QR-Code, der nach dem Scannen über Mobiltelefone durchsucht werden kann.
In der Vergangenheit haben wir bei ähnlichen Projekten normalerweise Bilder auf der Webseite generiert und diese dann in die Webseite eingefügt.
Auf diese Weise können Sie nicht auf jeder Seite QR-Codes generieren.
jquery-qrcode ist ein JQuery-Plug-In, das browserseitig QR-Codes generieren kann. Es ist eigenständig, weniger als 4 KB groß, mit minimaler Komprimierung und erfordert keine Bild-Download-Anforderungen. Nach der Einführung dieser Klassenbibliothek können Sie mit nur einer Codezeile ganz einfach QR-Codes zu Webseiten hinzufügen.
qrcode implementiert tatsächlich das Rendern und Zeichnen von Grafiken mithilfe von jQuery. Es unterstützt Canvas (HTML5) und Tabelle
https://github.com/jeromeetienne/jquery-qrcode
Anwendung
1. Fügen Sie zunächst die JQuery-Bibliotheksdatei und das QRcode-Plug-In zur Seite hinzu
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.qrcode.min.js"></script>
<div id="code"></div>
qrcode unterstützt standardmäßig zwei Methoden: Canvas und Tabelle. Die Canvas-Methode ist die effizienteste. Natürlich muss der Browser HTML5 unterstützen
Direkter Anruf:
$('#code').qrcode("http://www.jb51.net.com"); //任意字符串
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
