Comment générer du code QR avec jQuery qrcode_jquery

De nos jours, les codes QR sont de plus en plus populaires. De nombreuses pages Web comportent un code QR, qui peut être parcouru sur les téléphones mobiles après numérisation.

Dans le passé, lorsque nous réalisions des projets similaires, nous générions généralement des images sur la page Web, puis nous insériions les images dans la page Web.

Vous ne pouvez pas générer de codes QR sur chaque page en procédant ainsi.

jquery-qrcode est un plug-in jquery qui peut générer des codes QR côté navigateur. Il est autonome, moins de 4k avec une compression minimale et ne comporte aucune demande de téléchargement d'image. Après avoir présenté cette bibliothèque de classes, vous pouvez facilement ajouter des codes QR aux pages Web avec une seule ligne de code.

qrcode implémente en fait le rendu graphique et le dessin en utilisant jQuery. Il prend en charge le canevas (HTML5) et le tableau. Vous pouvez accéder à
.

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

Obtenez le dernier code.

Comment utiliser

1. Ajoutez d'abord le fichier de la bibliothèque jquery et le plug-in qrcode à la page

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

2. Ajoutez le code suivant à la page où le code QR doit être affiché :

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

3. Appelez le plug-in qrcode

qrcode prend en charge deux méthodes de canevas et de table pour le rendu des images. La méthode canvas est utilisée par défaut, qui est la plus efficace. Bien entendu, le navigateur doit prendre en charge html5

.

Appel direct :

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

Attributs avancés :

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