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;
}