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

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.

Lorsque nous faisions des projets similaires dans le passé, 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 un code QR pour chaque page en faisant cela.

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 utilise en fait jQuery pour réaliser le rendu graphique et le dessin, prenant en charge le canevas (HTML5) et le tableau. Vous pouvez aller sur

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

Obtenez le dernier code.

Comment utiliser

1. Ajoutez d'abord le fichier de 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. affichez-en deux sur la page Ajoutez le code suivant au code QR :

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

3. Appelez le plug-in qrcode

qrcode prend en charge deux méthodes de canevas et table pour le rendu des images. La méthode canvas est utilisée par défaut, la plus efficace, bien sûr, 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" //任意内容
});

Plus de jQuery qrcode Pour des articles connexes sur la façon de générer des codes QR, veuillez faire attention au site Web PHP chinois !