QR generación de código de la biblioteca en javascript
https://stackoverflow.com/questions/4542632
-
13-10-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPregunta
Actualmente estoy buscando una biblioteca js que el texto puede codificar en códigos QR. El único he sido capaz de encontrar hasta ahora parece roto, aunque otras personas afirman que la utilicen. La página de ejemplo no funciona. Al jugar un poco con él he conseguido generar códigos pero no consigo decodificado por el software del teléfono.
¿Hay otra biblioteca se js para esto? Alguien ha logrado conseguir que funcione?
No estoy interesado en una solución que arrastra el código de un servicio en línea (Kaywa, Google, etc.).
Actualización:
Bueno, ustedes tienen razón, esa biblioteca hace trabajo. Mi problema era que trate incluidos en una página para HTML 5, y document.write no parece trabajar en eso. He modificado el código de ejemplo de todos modos para hacer que el navegador no dibujar en un lienzo en una mesa y me dio la orden de las revés función fillRect. A continuación se muestra la llamada de función corregido.
context.fillRect(c * UNIT_SIZE, r * UNIT_SIZE, UNIT_SIZE, UNIT_SIZE);
// it's column-row, not row-column; don't ask why :)
Dado que no entiendo mi imagen transpuesta más :), ahora la multa QR decodifica. Gracias por el apoyo.
Solución
Script se registró está trabajando, sample.html no se analiza como HTML.
Otros consejos
Me escribió un simple GPLv3 QR codificador en javascript que es local, utiliza HTML5 y es muy rápido, ya que es un puerto de una versión integrada C escribí para los procesadores de Atmel AVR.
http://code.google.com/p/jsqrencode/downloads/list
Hay una versión en vivo (que es salvable como una aplicación web en dispositivos iOS) a http://zdez.org/qrenc3.html (guardar en casa, se abre en Safari para que pueda copiar la imagen o el uso airprint)
Aquí está el enlace a la descargable código fuente .
Hay una sencilla biblioteca JavaScript que encontré hace algún tiempo llamado QRCode.js .
QRCode.js es una biblioteca JavaScript multi-navegador que le permite generar QRCodes sobre la marcha, en el lado del cliente. QRCode.js hace uso de HTML5 Canvas y tablas para mostrar la QR. La biblioteca en sí no tiene dependencias en absoluto.
Para generar un QR, sólo tiene que incluir la biblioteca JavaScript y luego pasar como parámetros a la función de QR, el texto que desea codificar como el QR, la anchura y altura de la Esquela desea mostrar, así como su información Color de primer plano y color de fondo.
he encontrado un generador de QR basada trabajar javascript jQuery que usted podría estar interesado. Su código abierto y es realmente trabaja. Aquí está el enlace: https://github.com/jeromeetienne/jquery-qrcode
Lo bueno de esto es que su peso ligero y no llama a cualquier servicio o sitio web remoto.
El código QR en el mensaje inicial sólo admite hasta 271 bytes (versión 10, Tamaño = 57x57, EC nivel L).
Para que sea compatible con las especificaciones completas de código QR (versión 40, 177x177, 2953 bytes), usted tiene que añadir más valores en su RS_BLOCK_TABLE.
Vea las matrices restantes (versión 11-40) aquí: http://two.pairlist.net/pipermail/reportlab-users /2010-September/009707.html
Estoy utilizando el código QR ShieldUI Lite, que se puede encontrar aquí:
https://github.com/shieldui/shieldui-lite
Contiene todas las versiones del código QR, todos los niveles de error.
Como lona / PNG
También es el nuevo kjua Del mismo autor de la "vieja" jQuery.qrcode .
Como lona / PNG / SVG
QR-Code-generador por @ Nayuki también tiene la capacidad de crear códigos QR como IVS.
NPM tiene unos pocos. No tengo idea de cuáles son buenos.
$ 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.
Yo sé que esto es una vieja pregunta, pero creo que no es una biblioteca necesaria para generar un código QR de un texto. Sólo tiene que utilizar la API de código QR .
La aplicación es muy simple, tenemos un formulario con un campo de texto que captura los datos de contenido. Cada vez que pulsamos el botón Generar generamos una nueva URL de solicitud a la API de este URL tiene dos componentes principales data y size. La primera requiere el contenido de texto codificado y este último definir el tamaño de la imagen. Aquí está el código:
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>
no pude encontrar un generador de código QR Javascript.
, pero se podía Considere el uso de la API de Google:
http://code.google.com/apis/chart/ docs / galería / qr_codes.html http://togosoft.com/web/qrcode/qrcode.js
Actualización: Acabo de intentar http: //d-project.googlecode. com / svn / trunk / misc / QR / js / qrcode.js y parece bien a mí. Lo único que hice fue aumentar el tamaño y la hizo cerrar las anotaciones correctamente, ya que no es de cierre automático HTML correcto. http://k3rmit.org/nopaste/759 Probé 3 cadenas diferentes y se utiliza una aplicación llamada QRReader en mi iPhone a decodificar.
Actualización 2:
Con var qr = new QRCode(10, QRErrorCorrectLevel.L); yo era capaz de encajar 271 caracteres en el QRCode sin embargo podría no ser el lugar más confiable.
Si no puede encontrar una implementación nativa de JavaScript, Ajax puede siempre la imagen de sí mismo de su servidor.
