So generieren Sie QR-Code mit jQuery qrcode

Heutzutage werden QR-Codes immer beliebter. Viele Webseiten verfügen über einen QR-Code, der nach dem Scannen über Mobiltelefone durchsucht werden kann.

Bei ähnlichen Projekten haben wir in der Vergangenheit normalerweise Bilder auf der Webseite generiert und diese dann in die Webseite eingefügt.

Auf diese Weise können Sie nicht für jede Seite einen QR-Code 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 verwendet tatsächlich jQuery zum Rendern und Zeichnen von Grafiken und unterstützt Canvas (HTML5) und Tabelle. Sie können zu

https://github.com/jeromeetienne/ jquery- gehen. qrcode

Holen Sie sich den neuesten Code.

So verwenden Sie

Fügen Sie zunächst die Jquery-Bibliotheksdatei und das QRcode-Plugin zur Seite hinzu

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.qrcode.min.js"></script>

Müssen Zeigen Sie zwei auf der Seite an. Fügen Sie den folgenden Code zum QR-Code hinzu:

<div id="code"></div>

3. Rufen Sie das QRcode-Plugin auf

qrcode unterstützt zwei Methoden von Canvas und Standardmäßig wird die Canvas-Methode verwendet, die effizienteste, natürlich muss der Browser HTML5 unterstützen

$('#code').qrcode("http://www.jb51.net.com"); //任意字符串

Erweiterte Attribute:

$("#code").qrcode({
render: "table", //table方式
width: 200, //宽度
height:200, //高度
text: "www.helloweba.com" //任意内容
});