#jquery.qrcode

New Post has been published on http://www.htmluse.com/jquery-qrcode-dynamically-generate-qr-codes/

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′,