Exemple de générateur d'images de code QR WeChat implémenté en JavaScript

jquery.qrcode.js est un plug-in jquery qui peut générer un code QR matriciel QRCode sur le client. Il peut être utilisé pour générer facilement des codes-barres 2D sur la page.

QRCode.js

QRCode.js est une bibliothèque d'implémentation javascript pour la production et la génération de codes QR (QRCode). QRCode.js a une bonne compatibilité entre navigateurs (la version supérieure utilise Canvas de HTML5 et la version inférieure IE utilise des éléments de tableau pour dessiner) et QRCode.js n'a aucune dépendance. Il suffit de citer un JS.

Ce plug-in peut être utilisé indépendamment et est de taille relativement petite, moins de 4 Ko après compression gzip. Puisqu'il s'agit d'un code-barres généré directement sur le client, il n'y a pas de processus de téléchargement d'image et il peut être généré rapidement. Il est encapsulé sur la base d'une bibliothèque de classes multilingues et ne repose pas sur d'autres services supplémentaires.

Remarque* Il prend également en charge l'utilisation de SVG pour dessiner des codes QR

Utilisation de base

Remarque* Vous devez d'abord ajouter qrcode.js Référencez et créez un DIV vide

<div id="qrcode"></div> <script type="text/javascript"> new QRCode(document.getElementById("qrcode"), "http://jindo.dev.naver.com/collie"); </script>

Il y a plus de paramètres parmi lesquels choisir

var qrcode = new QRCode("test", {
 text: "http://jindo.dev.naver.com/collie",
 width: 128,
 height: 128,
 colorDark : "#000000",
 colorLight : "#ffffff",
 correctLevel : QRCode.CorrectLevel.H
});

Vous pouvez modifier les deux dynamiquement Images de code QR, très rapides

qrcode.clear();
qrcode.makeCode("http://naver.com");

Prise en charge des navigateurs

Prend en charge presque tous les navigateurs : IE6 ~ 10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile.

Adresse DEMO : http://davidshimjs.github.io/qrcodejs

Remarque* Il existe un serveur à utiliser ici Node. JS est une bibliothèque pour générer des images de code QR. Les étudiants intéressés peuvent également l'étudier : https://github.com/soldair/node-qrcode

Ce qui précède est l'intégralité du contenu de cet article, je. J'espère que cela sera utile à l'apprentissage de tout le monde, et j'espère que tout le monde soutiendra le site Web PHP en chinois.

Pour plus d'exemples d'articles liés au générateur d'images de code QR WeChat implémenté en JavaScript, veuillez faire attention au site Web PHP chinois !