QR Codes
QR Codes are visual codes that encode textual information similar to how barcodes encode numbers.
Below describes how to generate QR Codes though Javascript using:
https://kazuhikoarase.github.io/qrcode-generator/
First, your page should import the qrcode.js
{script type='text/javascript' src="/client/dermahistory.local/resources/javascript/kazuhikoarase/qrcode.js"}{/script}
(function() { var t = 10; var e = "M"; var text = "Enter text here"; var img = CreateQRCodeImage( text, t, e ); var target = document.getElementById( '' ); target.innerHTML = img; var images = target.getElementsByTagName( "IMG" ); var n = images.length; for ( var i=0; i < n; i++ ) { images[i].width = 200; images[i].height = 200; images[i].className += " pixelated"; } })(); function CreateQRCodeImage( text, typeNumber, errorCorrectLevel, table ) { var qr = qrcode(typeNumber || 4, errorCorrectLevel || 'M'); qr.addData(text); qr.make(); return qr.createImgTag(); }
To make the resulting QR Code look crisp, use the following CSS.
.pixelated { image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; -ms-interpolation-mode: nearest-neighbor; }