New Post has been published on Html Use
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′,
image: null
