NorfiPC
NorfiPC » Códigos » Generador de QR code offline

Códigos para un generador de QR code en Javascript offline



Códigos para hacer un formulario que permita crear nuestros propios códigos QR en la computadora sin conexión a internet. Códigos para copiar y crear un generador y archivos para descargar gratis. Parámetros para cambiar el tamaño y estilo de las imágenes creadas.
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.
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- Online en cualquier página de internet 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:

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.

¿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.

Descargar los archivos


Descarga los archivos necesarios a continuación.
El archivo contiene en su interior el archivo "qrcode.js" y el HTML "generador-codigos-qr.html"
Para probarlo solo ejecuta el archivo HTML.





Archivo HTML para crear códigos QR


De forma similar podemos crear un archivo HTML que funciona como una aplicación que se abre con el navegador predeterminado, sin que sea necesario otro archivo adicional.
Para crearlo solo es necesario copiar el código del archivo "qrcode.js" e impregnarlo directamente en el archivo HTML.
Puedes descargarlo directamente desde esta página más abajo.
En este caso el código Javascript se ha comprimido para que el archivo resultante sea de menor tamaño.
Es extremadamente práctico para los que necesitan regularmente crear estos códigos sin tener que conectarse a internet.
El archivo podemos usarlo en la computadora o Laptop y llevarlo a cualquier lado en el USB.






Páginas relacionadas



Comparte esta página




Sígueme en las redes sociales


Sígueme en Google Plus Sígueme en Facebook Sígueme en Twitter Sígueme en Pinterest





 
Inicio | Mapa del sitio | Sobre mí | RSS | Buscar