Heim > Web-Frontend > js-Tutorial > Hauptteil

So generieren Sie QR-Code mit jQuery qrcode_jquery

WBOY
Freigeben: 2016-05-16 15:06:43
Original
1565 Leute haben es durchsucht

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

Holen Sie sich den neuesten Code.

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>
Nach dem Login kopieren
2. Fügen Sie den folgenden Code zu der Seite hinzu, auf der der QR-Code angezeigt werden soll:

<div id="code"></div>
Nach dem Login kopieren
3. Rufen Sie das QRcode-Plugin auf

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"); //任意字符串
Nach dem Login kopieren
Erweiterte Attribute:

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage