Maison  >  Article  >  interface Web  >  Méthode d'instance de bibliothèque QRCode.js JS pour générer du code QR basé sur JQuery

Méthode d'instance de bibliothèque QRCode.js JS pour générer du code QR basé sur JQuery

小云云
小云云original
2018-01-06 10:50:512480parcourir

Cet article présente principalement l'utilisation de QRCode.js : une bibliothèque JS pour générer des codes QR basée sur JQuery. Elle a une certaine valeur de référence. Les étudiants intéressés peuvent en apprendre davantage et espérer que cela pourra aider tout le monde.

1. QRCode.js

QRCode.js est une bibliothèque javascript de génération de code QR ; prend en charge les opérations DOM de balises HTML5 et de table multi-navigateurs et ne repose pas sur d'autres bibliothèques ; ou une prolongation.

Page d'accueil : QRCode.js

Github : davidshimjs/qrcodejs

2. Utilisation

2.1 Utilisation de base

<p id="qrcode"></p>
<script type="text/javascript">
new QRCode(document.getElementById("qrcode"), "https://www.gzpblog.com");
</script>

2.2 Utilisation des paramètres de transmission

<p id="qrcode"></p>
<script type="text/javascript">
var qrcode = new QRCode(document.getElementById("qrcode"), {
  text: "https://www.gzpblog.com",
  width: 128,
  height: 128,
  colorDark : "#000000",
  colorLight : "#ffffff",
  correctLevel : QRCode.CorrectLevel.H
});
</script>

2.3 Fonction d'appel

qrcode.clear(); // 清除二维码
qrcode.makeCode("https://www.php.cn"); // 创建一个新的二维码

3 Champ d'application

Code QR PHP précédemment utilisé pour générer du QR. code , j'ai trouvé qu'il y avait quelques problèmes mineurs lors de la génération via ce plug-in PHP ; il n'est pas bien intégré en interne, et n'est pas très adapté pour afficher les codes QR directement sur le navigateur, et le style est difficile à contrôler (sans enregistrer le fichier QR code) ).

En utilisant QRCode.js, vous pouvez contrôler le style, tout comme une image, car l'image est directement sortie vers

<p id="qrcode"></p>

, ce qui est très contrôlable. Tout comme le précédent SDK officiel de paiement WeChat, phpsdk a été généré à l'aide de phpqrcode et remplacé par QRCode.js. Après cela, un effet simple :

Recommandations associées :

<.>

HTML5 implémente la fonction de partage de codes QR sur les principaux WeChat QQ et d'autres plateformes de communication

Développement hybride HTML5 Numérisation de code QR et appel d'un exemple de tutoriel de caméra locale

Comment implémenter la reconnaissance de code QR en PHP - partage d'exemples

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
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