Maison > interface Web > js tutoriel > le corps du texte

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

高洛峰
Libérer: 2017-01-20 15:07:56
original
1001 Les gens l'ont consulté

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>
Copier après la connexion

2. affichez-en deux sur la page Ajoutez le code suivant au code QR :

<div id="code"></div>
Copier après la connexion

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 :

$(&#39;#code&#39;).qrcode("http://www.jb51.net.com"); //任意字符串
Copier après la connexion

Attributs avancés :

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

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 !


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal