norfipc.com
Códigos   Mapa del sitio   Informatica
NorfiPC » Códigos » Generador de QR code offline

Generador de Códigos QR con JavaScript, que funciona offline



Como usar la librería QR Code Generator, para insertar en una página de mi blog o sitio web, una utilidad para crear Códigos QR, que también funciona sin conexión a internet.
Códigos para un generador de QR code en Javascript offline sin conexión a internet
En otra página de nuestro sitio compartimos como crear un generador de códigos QR en PHP.
El objetivo es usarlo en las páginas de un sitio web.
También es posible hacerlo usando JavaScript, un lenguaje que funciona del lado del navegador, por lo que el generador creado de esta forma puede funcionar perfectamente en la computadora o el móvil sin estar conectados a internet.
La imagen del código creado podemos guardarla y subirla a las redes sociales de internet o impregnarla en documentos o presentaciones.
Es mucho más sencillo que en el caso anterior y no se requiere tener conocimiento alguno, solo copiar y pegar el código o descargar los archivos necesarios desde esta misma página.
Compartimos dos formas diferentes de crearlo.



Generador de Códigos QR en Javascript


El siguiente generador usa un script de código abierto desarrollado por Kazuhiko Arase, disponible actualmente en Github.
Es completamente libre por lo que se puede usar en cualquier proyecto para uso personal o colectivo.
Es un archivo JS que se puede usar de forma auxiliar enlazándolo con la página o impregnar completamente su código en un archivo HTML.
Puedes ver un ejemplo de su empleo en esta misma página a continuación.
Si guardas esta página en tu equipo y después la ejecutas son conexión, comprobarás que el generador sigue funcionando correctamente.



Generador de QR Code






¿Cómo crear el generador de Códigos QR offline?


Podemos crear un generador de Codigos QR usando el script de Kazuhiko Arase, de dos formas:
1- Insertando en cualquier página de internet un formulario HTML y haciendo referencia al archivo JS.
2- Un archivo HTML para usarlo sin conexión a internet en nuestra computadora o en cualquier dispositivo portable, insertando todo el código en la página (como hacemos en este artículo).



Código para el generador QR online


Donde deseas que se muestre el generador inserta el siguiente código, para crear el formulario:
<script type="text/javascript" src="qrcode.js"></script>
<div data-role="content">
<form>
<textarea name="msg" rows="10" cols="40">Texto a codificar</textarea><br> 
<input type="button" value="Generar" onclick="update_qrcode()">
</form>
<div id="qr"></div>
</div>
En este caso en la misma ubicación se debe estar el archivo "qrcode.js"
Si se sitúa en otro lugar es necesario indicar la nueva ubicación en la ruta.



Librería JavaScript QR Code Generator


La librería QR Code Generator está disponible en libremente en Github.
Descarga el paquete desde la pagina del proyecto y sube el archivo "qrcode.js" al servidor de tu sitio web o enlázalo al archivo HTML para usarlo offline.
Otra opción es copiar el código insertado en esta misma página, previamente minimizado.
Para eso usa las teclas Control + U para abrir la ventana de código fuente y copia el script situado en el final.

¿Cómo cambiar el tamaño de la imagen?


Las dimensiones de la imagen del código QR creado pueden cambiarse, modificando el valor "cellSize" en la línea 449 del archivo "qrcode.js":
cellSize = cellSize || 6;
El valor predeterminado de 6 crea una imagen de 200 pixeles.
Puede usarse un valor mayor o menor.

Páginas relacionadas



Indica que te gusta y comparte

Sígueme en las redes sociales


 
Inicio | Mapa del sitio | Buscar | Sobre mí