jQuery.qrcode - Dynamically generate QR codes

Download   Demo

jQuery.qrcode enables you to dynamically add QR codes to your website. Choose between rendering the code in a canvas or with divs. The latter will be fine even for older browser. The generated QR code will be in the least possible version requiered to encode the content (least number of blocks).

1. INCLUDE JS FILES

<script src=”jquery-1.10.2.js”></script>

<script src=”jquery.qrcode.js”></script>

2. HTML

<canvas class=”selector”></canvas>

3. JAVASCRIPT

$(‘.selector’).qrcode(

“width”: 100,

“height”: 100,

“color”: “#3a3″,

“text”: “http://js-tutorial.com”

);

4. OPTIONS

The available options and their default values are:

// render method: ‘canvas’, ‘image’ or ‘div’

render: ‘canvas’,

// version range somewhere in 1 .. 40

minVersion: 1,

maxVersion: 40,

// error correction level: ‘L’, ‘M’, ‘Q’ or ‘H’

ecLevel: ‘L’,

// offset in pixel if drawn onto existing canvas

left: 0,

top: 0,

// size in pixel

size: 200,

// code color or image element

fill: ‘#000′,

// background color or image element, null for transparent background

background: null,

// content

text: ‘no text’,

// corner radius relative to module width: 0.0 .. 0.5

radius: 0,

// quiet zone in modules

quiet: 0,

// modes

// 0: normal

// 1: label strip

// 2: label box

// 3: image strip

// 4: image box

mode: 0,

mSize: 0.1,

mPosX: 0.5,

mPosY: 0.5,

label: ‘no label’,

fontname: ‘sans’,

fontcolor: ‘#000′,

image: null

 

jQuery.qrcode - Dynamically generate QR codes