bibliothèque de génération de code QR en javascript
https://stackoverflow.com/questions/4542632
-
13-10-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianQuestion
Je suis actuellement à la recherche d'une bibliothèque js que le texte peut encoder dans les codes qr. Le seul Je suis en mesure de trouver jusqu'à présent semble rompu, bien que d'autres personnes prétendent utiliser. L'exemple de page ne fonctionne pas. En jouant un peu avec elle, je réussi à générer des codes, mais ils ne sont pas décodés par le logiciel du téléphone.
Y at-il une autre bibliothèque est js pour cela? Quelqu'un at-il réussi à le faire fonctionner?
Je ne suis pas intéressé par une solution qui tire le code d'un service en ligne (Kaywa, google etc.).
Mise à jour:
Eh bien, vous avez raison les gars, cette bibliothèque fait travail. Mon problème est que j'essayé de l'inclure dans une page HTML5 Boilerplate et document.write ne semble pas fonctionner à cela. J'ai modifié le code exemple de toute façon de faire dessiner le navigateur dans une toile non une table et j'ai l'ordre des arrière fonction fillRect. Ci-dessous l'appel de fonction corrigée.
context.fillRect(c * UNIT_SIZE, r * UNIT_SIZE, UNIT_SIZE, UNIT_SIZE);
// it's column-row, not row-column; don't ask why :)
Depuis que je ne reçois pas mon image transposée plus :), maintenant qr décodages bien. Merci pour le soutien.
La solution
Script que vous avez affichée est au travail, sample.html n'est pas analysé comme HTML.
Autres conseils
J'ai écrit d'un simple GPLv3 encodeur Qr javascript qui est local, utilise HTML5 et est très rapide car il est un port d'une version embarquée C je l'ai écrit pour les processeurs Atmel AVR.
http://code.google.com/p/jsqrencode/downloads/list
Il y a une version live (qui est sauvable comme webapp sur les appareils iOS) à http://zdez.org/qrenc3.html (sauvegarde à la maison, ouvre en safari afin que vous puissiez copier l'image ou de l'utilisation AirPrint)
Voici le lien vers la page
Il y a une simple bibliothèque JavaScript que j'ai trouvé quelque temps en arrière appelé QRCode.js. QRCode.js est une bibliothèque JavaScript multi-navigateur qui vous permet de générer QRCodes à la volée, sur le côté client. QRCode.js utilise html5 toile et tableaux pour afficher le QRCode. La bibliothèque elle-même n'a pas de dépendances que ce soit. Pour générer un QRCode, vous juste besoin d'inclure la bibliothèque JavaScript et puis passer en tant que paramètres à la fonction QRCode, le texte que vous souhaitez encoder comme le QRCode, la largeur et la hauteur de la QRCode que vous souhaitez afficher, ainsi comme spécifié la couleur de premier plan et couleur de fond.
Je l'ai trouvé un générateur de QRCode basé travail javascript-jquery que vous pourriez être intéressé. Son opensource et il est vraiment travailler. Voici le lien: https://github.com/jeromeetienne/jquery-qrcode
La bonne chose à ce sujet est que son poids léger et il ne remet pas service à distance ou site web.
Le code QR dans le message initial ne supporte que jusqu'à 271 octets (version 10, Taille = 57x57, niveau CE L).
Pour faire supporter les spécifications complètes de code QR (version 40, 177x177, 2953 octets), vous devez ajouter plus de valeurs dans son RS_BLOCK_TABLE.
Voir les matrices restantes (version 11-40) ici: http://two.pairlist.net/pipermail/reportlab-users /2010-September/009707.html
J'utilise le ShieldUI Lite QR Code, qui se trouve ici:
https://github.com/shieldui/shieldui-lite
Contient toutes les versions du QR Code, tous les niveaux d'erreur.
Comme Canvas / PNG
Il y a aussi la nouvelle kjua du même auteur que le "vieux" jQuery.qrcode .
Comme Canvas / PNG / SVG
QR-Code-générateur par @ Nayuki a également la possibilité de créer des codes QR comme SVGs.
NPM a quelques-uns. Je ne sais pas ceux qui sont bons.
$ npm search qrcode
npm http GET https://registry.npmjs.org/-/all/since?stale=update_after&startkey=1379059929305
npm http 200 https://registry.npmjs.org/-/all/since?stale=update_after&startkey=1379059929305
NAME DESCRIPTION A
jsqrcode a node port of Lazar Laszlo's `jsqrcode` qr code decoder =
jsqrcode-lite Simplified version of Lazar Laszlo's `jsqrcode` for node. =
node-zxing ZXing Wrapper =
qr A small library to generate QR codes with libqrencode. =
qr-element qrcode dom element =
qr.js qrcode encoding in javascript =
qrcode QRCode / 2d Barcode api with both server side and client side s
qrcode-emitter Emits QR codes found in an image stream. =
qrcode-npm QRCode Generator for JavaScript =
qrcode-terminal QRCodes, in the terminal =
qrcode.js QR Code Detection / Decoding / Generation =
qread QRcode detector & decoder =
qruri NodeJS port of Kang Seonghoon's qr.js =
rescode Generate Codes (EAN13, QRCODE ..) =
zbar node-zbar is a NodeJS binding to the ZBar QR Code library.
Je sais que c'est une vieille question, mais je pense que ce n'est pas une bibliothèque nécessaire pour générer un code QR à partir d'un texte. Vous avez juste besoin d'utiliser l'API QR code .
La mise en œuvre est très simple, nous avons un formulaire avec un champ de texte qui capture les données de contenu. Chaque fois que nous appuyer sur le bouton Generate nous générons une nouvelle URL de requête à l'API cette URL a deux composants principaux data et size. Le premier exige le contenu du texte codé et celui-ci définira la taille de l'image. Voici le code:
let baseURL = 'https://api.qrserver.com/v1/create-qr-code/?data='
let config = '&size=120x120'
let btn, qrCode, content;
function htmlEncode(value) {
return $('<div/>').text(value).html();
}
$(function() {
btn = $('#generate');
qrCode = $('.qr-code');
content = $('#content');
btn.click(function() {
qrCode.attr('src', baseURL + encodeURIComponent(htmlEncode(content.val())) + config);
});
});.qr-code {
max-width: 160px;
margin: 10px;
}<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container-fluid">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<div class="text-center">
<img src="https://api.qrserver.com/v1/create-qr-code/?data=http%3A%2F%2Fwww.google.com&size=120x120" class="qr-code img-thumbnail img-responsive">
</div>
<div class="form-horizontal">
<div class="form-group">
<label class="control-label col-sm-4" for="content">Enter content:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="content" placeholder="i.e. www.google.com">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="button" class="btn btn-default" id="generate">Generate</button>
</div>
</div>
</div>
</div>
je ne pouvais pas trouver un générateur javascript code qr.
Mais vous pourriez Envisagez d'utiliser l'API de Google:
http://code.google.com/apis/chart/ docs / galerie / qr_codes.html http://togosoft.com/web/qrcode/qrcode.js
Mise à jour: Je viens d'essayer http: //d-project.googlecode. com / svn / trunk / divers / QRCode / js / qrcode.js et me semble bien à. La seule chose que je faisais était d'augmenter la taille et fait fermer les TDs correctement, car la fermeture auto est incorrect html. http://k3rmit.org/nopaste/759 Je l'ai testé 3 chaînes différentes et utilisé une application appelée QRReader sur mon iPhone à décoder.
Mise à jour 2:
Avec var qr = new QRCode(10, QRErrorCorrectLevel.L); j'ai pu tenir 271 caractères dans le QRCode pourrait ne pas être cependant le plus fiable paramètre.
Si vous ne trouvez pas une implémentation JavaScript native, vous pouvez toujours AJAX l'image vous de votre serveur.
