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

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:

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.