UnknownObject
/
jquery-qrcode
mirror of https://github.com/lrsjng/jquery-qrcode.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Maintenance.

Browse Source
pull/18/head v0.11.0
Lars Jung 11 years ago
parent 672549f4ac
commit e8f252f6e1
6 changed files with 749 additions and 748 deletions
Show Stats Download Patch File Download Diff File

5
.editorconfig
Unescape Escape View File

@ -17,6 +17,11 @@ indent_style = space
indent_size = 2 indent_size = 2
[bower.json]
indent_style = space
indent_size = 2
[.travis.yml] [.travis.yml]
indent_style = space indent_style = space
indent_size = 2 indent_size = 2

14
bower.json
Unescape Escape View File

@ -1,6 +1,6 @@
{ {
"name": "jquery-qrcode", "name": "jquery-qrcode",
"version": "0.10.1", "version": "0.11.0",
"description": "generate QR codes dynamically", "description": "generate QR codes dynamically",
"homepage": "http://larsjung.de/jquery-qrcode/", "homepage": "http://larsjung.de/jquery-qrcode/",
"authors": [ "authors": [
@ -13,14 +13,8 @@
"url": "https://github.com/lrsjng/jquery-qrcode.git" "url": "https://github.com/lrsjng/jquery-qrcode.git"
}, },
"ignore": [ "ignore": [
"**/.*", "*",
"bower_components", "!dist/*",
"build", "!*.md"
"local",
"mkrfile.js",
"node_modules",
"src",
"test",
"tests"
] ]
} }

241
dist/jquery.qrcode.js vendored
Unescape Escape View File

@ -1,11 +1,11 @@
/* jQuery.qrcode 0.10.1 - http://larsjung.de/jquery-qrcode/ - uses //github.com/kazuhikoarase/qrcode-generator (MIT) */ /* jQuery.qrcode 0.11.0 - http://larsjung.de/jquery-qrcode/ - uses //github.com/kazuhikoarase/qrcode-generator (MIT) */
(function () { (function () {
'use strict'; 'use strict';
var $ = jQuery; var $ = jQuery;
// Wrapper for the original QR code generator. // Wrapper for the original QR code generator.
var QRCode = function (text, level, version, quiet) { function QRCode(text, level, version, quiet) {
// `qrcode` is the single public function that will be defined by the `QR Code Generator` // `qrcode` is the single public function that will be defined by the `QR Code Generator`
// at the end of the file. // at the end of the file.
@ -15,9 +15,10 @@ var QRCode = function (text, level, version, quiet) {
quiet = quiet || 0; quiet = quiet || 0;
var qrModuleCount = qr.getModuleCount(), var qrModuleCount = qr.getModuleCount();
quietModuleCount = qr.getModuleCount() + 2*quiet, var quietModuleCount = qr.getModuleCount() + 2*quiet;
isDark = function (row, col) {
function isDark(row, col) {
row -= quiet; row -= quiet;
col -= quiet; col -= quiet;
@ -27,18 +28,19 @@ var QRCode = function (text, level, version, quiet) {
} }
return qr.isDark(row, col); return qr.isDark(row, col);
}, }
addBlank = function (l, t, r, b) {
var addBlank = function (l, t, r, b) {
var prevIsDark = this.isDark, var prevIsDark = this.isDark;
moduleSize = 1 / quietModuleCount; var moduleSize = 1 / quietModuleCount;
this.isDark = function (row, col) { this.isDark = function (row, col) {
var ml = col * moduleSize, var ml = col * moduleSize;
mt = row * moduleSize, var mt = row * moduleSize;
mr = ml + moduleSize, var mr = ml + moduleSize;
mb = mt + moduleSize; var mb = mt + moduleSize;
return prevIsDark(row, col) && (l > mr || ml > r || t > mb || mt > b); return prevIsDark(row, col) && (l > mr || ml > r || t > mb || mt > b);
}; };
@ -50,20 +52,19 @@ var QRCode = function (text, level, version, quiet) {
this.moduleCount = quietModuleCount; this.moduleCount = quietModuleCount;
this.isDark = isDark; this.isDark = isDark;
this.addBlank = addBlank; this.addBlank = addBlank;
}, }
// Check if canvas is available in the browser (as Modernizr does) // Check if canvas is available in the browser (as Modernizr does)
canvasAvailable = (function () { var hasCanvas = (function () {
var elem = document.createElement('canvas'); var elem = document.createElement('canvas');
return !!(elem.getContext && elem.getContext('2d')); return !!(elem.getContext && elem.getContext('2d'));
}()), }());
var hasArcTo = Object.prototype.toString.call(window.opera) !== '[object Opera]';
arcToAvailable = Object.prototype.toString.call(window.opera) !== '[object Opera]', // Returns a minimal QR code for the given text starting with version `minVersion`.
// Returns `undefined` if `text` is too long to be encoded in `maxVersion`.
// Returns a minimal QR code for the given text starting with version `minVersion`. function createQRCode(text, level, minVersion, maxVersion, quiet) {
// Returns `null` if `text` is too long to be encoded in `maxVersion`.
createQRCode = function (text, level, minVersion, maxVersion, quiet) {
minVersion = Math.max(1, minVersion || 1); minVersion = Math.max(1, minVersion || 1);
maxVersion = Math.min(40, maxVersion || 40); maxVersion = Math.min(40, maxVersion || 40);
@ -72,24 +73,24 @@ var QRCode = function (text, level, version, quiet) {
return new QRCode(text, level, version, quiet); return new QRCode(text, level, version, quiet);
} catch (err) {} } catch (err) {}
} }
}, }
drawBackgroundLabel = function (qr, context, settings) { function drawBackgroundLabel(qr, context, settings) {
var size = settings.size, var size = settings.size;
font = "bold " + (settings.mSize * size) + "px " + settings.fontname, var font = "bold " + (settings.mSize * size) + "px " + settings.fontname;
ctx = $('<canvas/>')[0].getContext("2d"); var ctx = $('<canvas/>')[0].getContext("2d");
ctx.font = font; ctx.font = font;
var w = ctx.measureText(settings.label).width, var w = ctx.measureText(settings.label).width;
sh = settings.mSize, var sh = settings.mSize;
sw = w / size, var sw = w / size;
sl = (1 - sw) * settings.mPosX, var sl = (1 - sw) * settings.mPosX;
st = (1 - sh) * settings.mPosY, var st = (1 - sh) * settings.mPosY;
sr = sl + sw, var sr = sl + sw;
sb = st + sh, var sb = st + sh;
pad = 0.01; var pad = 0.01;
if (settings.mode === 1) { if (settings.mode === 1) {
// Strip // Strip
@ -102,20 +103,20 @@ var QRCode = function (text, level, version, quiet) {
context.fillStyle = settings.fontcolor; context.fillStyle = settings.fontcolor;
context.font = font; context.font = font;
context.fillText(settings.label, sl*size, st*size + 0.75 * settings.mSize * size); context.fillText(settings.label, sl*size, st*size + 0.75 * settings.mSize * size);
}, }
drawBackgroundImage = function (qr, context, settings) { function drawBackgroundImage(qr, context, settings) {
var size = settings.size, var size = settings.size;
w = settings.image.naturalWidth || 1, var w = settings.image.naturalWidth || 1;
h = settings.image.naturalHeight || 1, var h = settings.image.naturalHeight || 1;
sh = settings.mSize, var sh = settings.mSize;
sw = sh * w / h, var sw = sh * w / h;
sl = (1 - sw) * settings.mPosX, var sl = (1 - sw) * settings.mPosX;
st = (1 - sh) * settings.mPosY, var st = (1 - sh) * settings.mPosY;
sr = sl + sw, var sr = sl + sw;
sb = st + sh, var sb = st + sh;
pad = 0.01; var pad = 0.01;
if (settings.mode === 3) { if (settings.mode === 3) {
// Strip // Strip
@ -126,9 +127,9 @@ var QRCode = function (text, level, version, quiet) {
} }
context.drawImage(settings.image, sl*size, st*size, sw*size, sh*size); context.drawImage(settings.image, sl*size, st*size, sw*size, sh*size);
}, }
drawBackground = function (qr, context, settings) { function drawBackground(qr, context, settings) {
if ($(settings.background).is('img')) { if ($(settings.background).is('img')) {
context.drawImage(settings.background, 0, 0, settings.size, settings.size); context.drawImage(settings.background, 0, 0, settings.size, settings.size);
@ -143,16 +144,16 @@ var QRCode = function (text, level, version, quiet) {
} else if (mode === 3 || mode === 4) { } else if (mode === 3 || mode === 4) {
drawBackgroundImage(qr, context, settings); drawBackgroundImage(qr, context, settings);
} }
}, }
drawModuleDefault = function (qr, context, settings, left, top, width, row, col) { function drawModuleDefault(qr, context, settings, left, top, width, row, col) {
if (qr.isDark(row, col)) { if (qr.isDark(row, col)) {
context.rect(left, top, width, width); context.rect(left, top, width, width);
} }
}, }
drawModuleRoundedDark = function (ctx, l, t, r, b, rad, nw, ne, se, sw) { function drawModuleRoundedDark(ctx, l, t, r, b, rad, nw, ne, se, sw) {
if (nw) { if (nw) {
ctx.moveTo(l + rad, t); ctx.moveTo(l + rad, t);
@ -187,9 +188,9 @@ var QRCode = function (text, level, version, quiet) {
} else { } else {
ctx.lineTo(l, t); ctx.lineTo(l, t);
} }
}, }
drawModuleRoundendLight = function (ctx, l, t, r, b, rad, nw, ne, se, sw) { function drawModuleRoundendLight(ctx, l, t, r, b, rad, nw, ne, se, sw) {
if (nw) { if (nw) {
ctx.moveTo(l + rad, t); ctx.moveTo(l + rad, t);
@ -218,43 +219,43 @@ var QRCode = function (text, level, version, quiet) {
ctx.lineTo(l, b - rad); ctx.lineTo(l, b - rad);
ctx.arcTo(l, b, l + rad, b, rad); ctx.arcTo(l, b, l + rad, b, rad);
} }
}, }
drawModuleRounded = function (qr, context, settings, left, top, width, row, col) { function drawModuleRounded(qr, context, settings, left, top, width, row, col) {
var isDark = qr.isDark, var isDark = qr.isDark;
right = left + width, var right = left + width;
bottom = top + width, var bottom = top + width;
radius = settings.radius * width, var radius = settings.radius * width;
rowT = row - 1, var rowT = row - 1;
rowB = row + 1, var rowB = row + 1;
colL = col - 1, var colL = col - 1;
colR = col + 1, var colR = col + 1;
center = isDark(row, col), var center = isDark(row, col);
northwest = isDark(rowT, colL), var northwest = isDark(rowT, colL);
north = isDark(rowT, col), var north = isDark(rowT, col);
northeast = isDark(rowT, colR), var northeast = isDark(rowT, colR);
east = isDark(row, colR), var east = isDark(row, colR);
southeast = isDark(rowB, colR), var southeast = isDark(rowB, colR);
south = isDark(rowB, col), var south = isDark(rowB, col);
southwest = isDark(rowB, colL), var southwest = isDark(rowB, colL);
west = isDark(row, colL); var west = isDark(row, colL);
if (center) { if (center) {
drawModuleRoundedDark(context, left, top, right, bottom, radius, !north && !west, !north && !east, !south && !east, !south && !west); drawModuleRoundedDark(context, left, top, right, bottom, radius, !north && !west, !north && !east, !south && !east, !south && !west);
} else { } else {
drawModuleRoundendLight(context, left, top, right, bottom, radius, north && west && northwest, north && east && northeast, south && east && southeast, south && west && southwest); drawModuleRoundendLight(context, left, top, right, bottom, radius, north && west && northwest, north && east && northeast, south && east && southeast, south && west && southwest);
} }
}, }
drawModules = function (qr, context, settings) { function drawModules(qr, context, settings) {
var moduleCount = qr.moduleCount, var moduleCount = qr.moduleCount;
moduleSize = settings.size / moduleCount, var moduleSize = settings.size / moduleCount;
fn = drawModuleDefault, var fn = drawModuleDefault;
row, col; var row, col;
if (arcToAvailable && settings.radius > 0 && settings.radius <= 0.5) { if (hasArcTo && settings.radius > 0 && settings.radius <= 0.5) {
fn = drawModuleRounded; fn = drawModuleRounded;
} }
@ -285,40 +286,40 @@ var QRCode = function (text, level, version, quiet) {
context.fillStyle = settings.fill; context.fillStyle = settings.fill;
context.fill(); context.fill();
} }
}, }
// Draws QR code to the given `canvas` and returns it. // Draws QR code to the given `canvas` and returns it.
drawOnCanvas = function (canvas, settings) { function drawOnCanvas(canvas, settings) {
var qr = createQRCode(settings.text, settings.ecLevel, settings.minVersion, settings.maxVersion, settings.quiet); var qr = createQRCode(settings.text, settings.ecLevel, settings.minVersion, settings.maxVersion, settings.quiet);
if (!qr) { if (!qr) {
return null; return null;
} }
var $canvas = $(canvas).data('qrcode', qr), var $canvas = $(canvas).data('qrcode', qr);
context = $canvas[0].getContext('2d'); var context = $canvas[0].getContext('2d');
drawBackground(qr, context, settings); drawBackground(qr, context, settings);
drawModules(qr, context, settings); drawModules(qr, context, settings);
return $canvas; return $canvas;
}, }
// Returns a `canvas` element representing the QR code for the given settings. // Returns a `canvas` element representing the QR code for the given settings.
createCanvas = function (settings) { function createCanvas(settings) {
var $canvas = $('<canvas/>').attr('width', settings.size).attr('height', settings.size); var $canvas = $('<canvas/>').attr('width', settings.size).attr('height', settings.size);
return drawOnCanvas($canvas, settings); return drawOnCanvas($canvas, settings);
}, }
// Returns an `image` element representing the QR code for the given settings. // Returns an `image` element representing the QR code for the given settings.
createImage = function (settings) { function createImage(settings) {
return $('<img/>').attr('src', createCanvas(settings)[0].toDataURL('image/png')); return $('<img/>').attr('src', createCanvas(settings)[0].toDataURL('image/png'));
}, }
// Returns a `div` element representing the QR code for the given settings. // Returns a `div` element representing the QR code for the given settings.
createDiv = function (settings) { function createDiv(settings) {
var qr = createQRCode(settings.text, settings.ecLevel, settings.minVersion, settings.maxVersion, settings.quiet); var qr = createQRCode(settings.text, settings.ecLevel, settings.minVersion, settings.maxVersion, settings.quiet);
if (!qr) { if (!qr) {
@ -326,17 +327,17 @@ var QRCode = function (text, level, version, quiet) {
} }
// some shortcuts to improve compression // some shortcuts to improve compression
var settings_size = settings.size, var settings_size = settings.size;
settings_bgColor = settings.background, var settings_bgColor = settings.background;
math_floor = Math.floor, var math_floor = Math.floor;
moduleCount = qr.moduleCount, var moduleCount = qr.moduleCount;
moduleSize = math_floor(settings_size / moduleCount), var moduleSize = math_floor(settings_size / moduleCount);
offset = math_floor(0.5 * (settings_size - moduleSize * moduleCount)), var offset = math_floor(0.5 * (settings_size - moduleSize * moduleCount));
row, col, var row, col;
containerCSS = { var containerCSS = {
position: 'relative', position: 'relative',
left: 0, left: 0,
top: 0, top: 0,
@ -344,17 +345,17 @@ var QRCode = function (text, level, version, quiet) {
margin: 0, margin: 0,
width: settings_size, width: settings_size,
height: settings_size height: settings_size
}, };
darkCSS = { var darkCSS = {
position: 'absolute', position: 'absolute',
padding: 0, padding: 0,
margin: 0, margin: 0,
width: moduleSize, width: moduleSize,
height: moduleSize, height: moduleSize,
'background-color': settings.fill 'background-color': settings.fill
}, };
$div = $('<div/>').data('qrcode', qr).css(containerCSS); var $div = $('<div/>').data('qrcode', qr).css(containerCSS);
if (settings_bgColor) { if (settings_bgColor) {
$div.css('background-color', settings_bgColor); $div.css('background-color', settings_bgColor);
@ -375,25 +376,25 @@ var QRCode = function (text, level, version, quiet) {
} }
return $div; return $div;
}, }
createHTML = function (settings) { function createHTML(settings) {
if (canvasAvailable && settings.render === 'canvas') { if (hasCanvas && settings.render === 'canvas') {
return createCanvas(settings); return createCanvas(settings);
} else if (canvasAvailable && settings.render === 'image') { } else if (hasCanvas && settings.render === 'image') {
return createImage(settings); return createImage(settings);
} }
return createDiv(settings); return createDiv(settings);
}, }
// Plugin // Plugin
// ====== // ======
// Default settings // Default settings
// ---------------- // ----------------
defaults = { var defaults = {
// render method: `'canvas'`, `'image'` or `'div'` // render method: `'canvas'`, `'image'` or `'div'`
render: 'canvas', render: 'canvas',

4
dist/jquery.qrcode.min.js vendored
View File

File diff suppressed because one or more lines are too long

16
package.json
Unescape Escape View File

@ -1,7 +1,7 @@
{ {
"name": "jquery-qrcode", "name": "jquery-qrcode",
"displayName": "jQuery.qrcode", "displayName": "jQuery.qrcode",
"version": "0.10.1", "version": "0.11.0",
"description": "generate QR codes dynamically", "description": "generate QR codes dynamically",
"homepage": "http://larsjung.de/jquery-qrcode/", "homepage": "http://larsjung.de/jquery-qrcode/",
"bugs": "https://github.com/lrsjng/jquery-qrcode/issues", "bugs": "https://github.com/lrsjng/jquery-qrcode/issues",
@ -12,12 +12,12 @@
"url": "https://github.com/lrsjng/jquery-qrcode.git" "url": "https://github.com/lrsjng/jquery-qrcode.git"
}, },
"devDependencies": { "devDependencies": {
"fquery": "~0.12.17", "fquery": "~0.16.2",
"fquery-handlebars": "~0.1.0", "fquery-handlebars": "~0.2.0",
"fquery-includeit": "~0.1.1", "fquery-includeit": "~0.2.0",
"fquery-jshint": "~0.1.0", "fquery-jshint": "~0.2.0",
"fquery-jszip": "~0.1.0", "fquery-jszip": "~0.4.0",
"fquery-uglifyjs": "~0.1.3", "fquery-uglifyjs": "~0.2.1",
"mkr": "~0.3.0" "mkr": "~0.6.1"
} }
} }

239
src/jquery.qrcode.js
Unescape Escape View File

@ -3,8 +3,8 @@
var $ = jQuery; var $ = jQuery;
// Wrapper for the original QR code generator. // Wrapper for the original QR code generator.
var QRCode = function (text, level, version, quiet) { function QRCode(text, level, version, quiet) {
// `qrcode` is the single public function that will be defined by the `QR Code Generator` // `qrcode` is the single public function that will be defined by the `QR Code Generator`
// at the end of the file. // at the end of the file.
@ -14,9 +14,10 @@ var QRCode = function (text, level, version, quiet) {
quiet = quiet || 0; quiet = quiet || 0;
var qrModuleCount = qr.getModuleCount(), var qrModuleCount = qr.getModuleCount();
quietModuleCount = qr.getModuleCount() + 2*quiet, var quietModuleCount = qr.getModuleCount() + 2*quiet;
isDark = function (row, col) {
function isDark(row, col) {
row -= quiet; row -= quiet;
col -= quiet; col -= quiet;
@ -26,18 +27,19 @@ var QRCode = function (text, level, version, quiet) {
} }
return qr.isDark(row, col); return qr.isDark(row, col);
}, }
addBlank = function (l, t, r, b) {
var addBlank = function (l, t, r, b) {
var prevIsDark = this.isDark, var prevIsDark = this.isDark;
moduleSize = 1 / quietModuleCount; var moduleSize = 1 / quietModuleCount;
this.isDark = function (row, col) { this.isDark = function (row, col) {
var ml = col * moduleSize, var ml = col * moduleSize;
mt = row * moduleSize, var mt = row * moduleSize;
mr = ml + moduleSize, var mr = ml + moduleSize;
mb = mt + moduleSize; var mb = mt + moduleSize;
return prevIsDark(row, col) && (l > mr || ml > r || t > mb || mt > b); return prevIsDark(row, col) && (l > mr || ml > r || t > mb || mt > b);
}; };
@ -49,20 +51,19 @@ var QRCode = function (text, level, version, quiet) {
this.moduleCount = quietModuleCount; this.moduleCount = quietModuleCount;
this.isDark = isDark; this.isDark = isDark;
this.addBlank = addBlank; this.addBlank = addBlank;
}, }
// Check if canvas is available in the browser (as Modernizr does) // Check if canvas is available in the browser (as Modernizr does)
canvasAvailable = (function () { var hasCanvas = (function () {
var elem = document.createElement('canvas'); var elem = document.createElement('canvas');
return !!(elem.getContext && elem.getContext('2d')); return !!(elem.getContext && elem.getContext('2d'));
}()), }());
var hasArcTo = Object.prototype.toString.call(window.opera) !== '[object Opera]';
arcToAvailable = Object.prototype.toString.call(window.opera) !== '[object Opera]', // Returns a minimal QR code for the given text starting with version `minVersion`.
// Returns `undefined` if `text` is too long to be encoded in `maxVersion`.
// Returns a minimal QR code for the given text starting with version `minVersion`. function createQRCode(text, level, minVersion, maxVersion, quiet) {
// Returns `null` if `text` is too long to be encoded in `maxVersion`.
createQRCode = function (text, level, minVersion, maxVersion, quiet) {
minVersion = Math.max(1, minVersion || 1); minVersion = Math.max(1, minVersion || 1);
maxVersion = Math.min(40, maxVersion || 40); maxVersion = Math.min(40, maxVersion || 40);
@ -71,24 +72,24 @@ var QRCode = function (text, level, version, quiet) {
return new QRCode(text, level, version, quiet); return new QRCode(text, level, version, quiet);
} catch (err) {} } catch (err) {}
} }
}, }
drawBackgroundLabel = function (qr, context, settings) { function drawBackgroundLabel(qr, context, settings) {
var size = settings.size, var size = settings.size;
font = "bold " + (settings.mSize * size) + "px " + settings.fontname, var font = "bold " + (settings.mSize * size) + "px " + settings.fontname;
ctx = $('<canvas/>')[0].getContext("2d"); var ctx = $('<canvas/>')[0].getContext("2d");
ctx.font = font; ctx.font = font;
var w = ctx.measureText(settings.label).width, var w = ctx.measureText(settings.label).width;
sh = settings.mSize, var sh = settings.mSize;
sw = w / size, var sw = w / size;
sl = (1 - sw) * settings.mPosX, var sl = (1 - sw) * settings.mPosX;
st = (1 - sh) * settings.mPosY, var st = (1 - sh) * settings.mPosY;
sr = sl + sw, var sr = sl + sw;
sb = st + sh, var sb = st + sh;
pad = 0.01; var pad = 0.01;
if (settings.mode === 1) { if (settings.mode === 1) {
// Strip // Strip
@ -101,20 +102,20 @@ var QRCode = function (text, level, version, quiet) {
context.fillStyle = settings.fontcolor; context.fillStyle = settings.fontcolor;
context.font = font; context.font = font;
context.fillText(settings.label, sl*size, st*size + 0.75 * settings.mSize * size); context.fillText(settings.label, sl*size, st*size + 0.75 * settings.mSize * size);
}, }
drawBackgroundImage = function (qr, context, settings) { function drawBackgroundImage(qr, context, settings) {
var size = settings.size, var size = settings.size;
w = settings.image.naturalWidth || 1, var w = settings.image.naturalWidth || 1;
h = settings.image.naturalHeight || 1, var h = settings.image.naturalHeight || 1;
sh = settings.mSize, var sh = settings.mSize;
sw = sh * w / h, var sw = sh * w / h;
sl = (1 - sw) * settings.mPosX, var sl = (1 - sw) * settings.mPosX;
st = (1 - sh) * settings.mPosY, var st = (1 - sh) * settings.mPosY;
sr = sl + sw, var sr = sl + sw;
sb = st + sh, var sb = st + sh;
pad = 0.01; var pad = 0.01;
if (settings.mode === 3) { if (settings.mode === 3) {
// Strip // Strip
@ -125,9 +126,9 @@ var QRCode = function (text, level, version, quiet) {
} }
context.drawImage(settings.image, sl*size, st*size, sw*size, sh*size); context.drawImage(settings.image, sl*size, st*size, sw*size, sh*size);
}, }
drawBackground = function (qr, context, settings) { function drawBackground(qr, context, settings) {
if ($(settings.background).is('img')) { if ($(settings.background).is('img')) {
context.drawImage(settings.background, 0, 0, settings.size, settings.size); context.drawImage(settings.background, 0, 0, settings.size, settings.size);
@ -142,16 +143,16 @@ var QRCode = function (text, level, version, quiet) {
} else if (mode === 3 || mode === 4) { } else if (mode === 3 || mode === 4) {
drawBackgroundImage(qr, context, settings); drawBackgroundImage(qr, context, settings);
} }
}, }
drawModuleDefault = function (qr, context, settings, left, top, width, row, col) { function drawModuleDefault(qr, context, settings, left, top, width, row, col) {
if (qr.isDark(row, col)) { if (qr.isDark(row, col)) {
context.rect(left, top, width, width); context.rect(left, top, width, width);
} }
}, }
drawModuleRoundedDark = function (ctx, l, t, r, b, rad, nw, ne, se, sw) { function drawModuleRoundedDark(ctx, l, t, r, b, rad, nw, ne, se, sw) {
if (nw) { if (nw) {
ctx.moveTo(l + rad, t); ctx.moveTo(l + rad, t);
@ -186,9 +187,9 @@ var QRCode = function (text, level, version, quiet) {
} else { } else {
ctx.lineTo(l, t); ctx.lineTo(l, t);
} }
}, }
drawModuleRoundendLight = function (ctx, l, t, r, b, rad, nw, ne, se, sw) { function drawModuleRoundendLight(ctx, l, t, r, b, rad, nw, ne, se, sw) {
if (nw) { if (nw) {
ctx.moveTo(l + rad, t); ctx.moveTo(l + rad, t);
@ -217,43 +218,43 @@ var QRCode = function (text, level, version, quiet) {
ctx.lineTo(l, b - rad); ctx.lineTo(l, b - rad);
ctx.arcTo(l, b, l + rad, b, rad); ctx.arcTo(l, b, l + rad, b, rad);
} }
}, }
drawModuleRounded = function (qr, context, settings, left, top, width, row, col) { function drawModuleRounded(qr, context, settings, left, top, width, row, col) {
var isDark = qr.isDark, var isDark = qr.isDark;
right = left + width, var right = left + width;
bottom = top + width, var bottom = top + width;
radius = settings.radius * width, var radius = settings.radius * width;
rowT = row - 1, var rowT = row - 1;
rowB = row + 1, var rowB = row + 1;
colL = col - 1, var colL = col - 1;
colR = col + 1, var colR = col + 1;
center = isDark(row, col), var center = isDark(row, col);
northwest = isDark(rowT, colL), var northwest = isDark(rowT, colL);
north = isDark(rowT, col), var north = isDark(rowT, col);
northeast = isDark(rowT, colR), var northeast = isDark(rowT, colR);
east = isDark(row, colR), var east = isDark(row, colR);
southeast = isDark(rowB, colR), var southeast = isDark(rowB, colR);
south = isDark(rowB, col), var south = isDark(rowB, col);
southwest = isDark(rowB, colL), var southwest = isDark(rowB, colL);
west = isDark(row, colL); var west = isDark(row, colL);
if (center) { if (center) {
drawModuleRoundedDark(context, left, top, right, bottom, radius, !north && !west, !north && !east, !south && !east, !south && !west); drawModuleRoundedDark(context, left, top, right, bottom, radius, !north && !west, !north && !east, !south && !east, !south && !west);
} else { } else {
drawModuleRoundendLight(context, left, top, right, bottom, radius, north && west && northwest, north && east && northeast, south && east && southeast, south && west && southwest); drawModuleRoundendLight(context, left, top, right, bottom, radius, north && west && northwest, north && east && northeast, south && east && southeast, south && west && southwest);
} }
}, }
drawModules = function (qr, context, settings) { function drawModules(qr, context, settings) {
var moduleCount = qr.moduleCount, var moduleCount = qr.moduleCount;
moduleSize = settings.size / moduleCount, var moduleSize = settings.size / moduleCount;
fn = drawModuleDefault, var fn = drawModuleDefault;
row, col; var row, col;
if (arcToAvailable && settings.radius > 0 && settings.radius <= 0.5) { if (hasArcTo && settings.radius > 0 && settings.radius <= 0.5) {
fn = drawModuleRounded; fn = drawModuleRounded;
} }
@ -284,40 +285,40 @@ var QRCode = function (text, level, version, quiet) {
context.fillStyle = settings.fill; context.fillStyle = settings.fill;
context.fill(); context.fill();
} }
}, }
// Draws QR code to the given `canvas` and returns it. // Draws QR code to the given `canvas` and returns it.
drawOnCanvas = function (canvas, settings) { function drawOnCanvas(canvas, settings) {
var qr = createQRCode(settings.text, settings.ecLevel, settings.minVersion, settings.maxVersion, settings.quiet); var qr = createQRCode(settings.text, settings.ecLevel, settings.minVersion, settings.maxVersion, settings.quiet);
if (!qr) { if (!qr) {
return null; return null;
} }
var $canvas = $(canvas).data('qrcode', qr), var $canvas = $(canvas).data('qrcode', qr);
context = $canvas[0].getContext('2d'); var context = $canvas[0].getContext('2d');
drawBackground(qr, context, settings); drawBackground(qr, context, settings);
drawModules(qr, context, settings); drawModules(qr, context, settings);
return $canvas; return $canvas;
}, }
// Returns a `canvas` element representing the QR code for the given settings. // Returns a `canvas` element representing the QR code for the given settings.
createCanvas = function (settings) { function createCanvas(settings) {
var $canvas = $('<canvas/>').attr('width', settings.size).attr('height', settings.size); var $canvas = $('<canvas/>').attr('width', settings.size).attr('height', settings.size);
return drawOnCanvas($canvas, settings); return drawOnCanvas($canvas, settings);
}, }
// Returns an `image` element representing the QR code for the given settings. // Returns an `image` element representing the QR code for the given settings.
createImage = function (settings) { function createImage(settings) {
return $('<img/>').attr('src', createCanvas(settings)[0].toDataURL('image/png')); return $('<img/>').attr('src', createCanvas(settings)[0].toDataURL('image/png'));
}, }
// Returns a `div` element representing the QR code for the given settings. // Returns a `div` element representing the QR code for the given settings.
createDiv = function (settings) { function createDiv(settings) {
var qr = createQRCode(settings.text, settings.ecLevel, settings.minVersion, settings.maxVersion, settings.quiet); var qr = createQRCode(settings.text, settings.ecLevel, settings.minVersion, settings.maxVersion, settings.quiet);
if (!qr) { if (!qr) {
@ -325,17 +326,17 @@ var QRCode = function (text, level, version, quiet) {
} }
// some shortcuts to improve compression // some shortcuts to improve compression
var settings_size = settings.size, var settings_size = settings.size;
settings_bgColor = settings.background, var settings_bgColor = settings.background;
math_floor = Math.floor, var math_floor = Math.floor;
moduleCount = qr.moduleCount, var moduleCount = qr.moduleCount;
moduleSize = math_floor(settings_size / moduleCount), var moduleSize = math_floor(settings_size / moduleCount);
offset = math_floor(0.5 * (settings_size - moduleSize * moduleCount)), var offset = math_floor(0.5 * (settings_size - moduleSize * moduleCount));
row, col, var row, col;
containerCSS = { var containerCSS = {
position: 'relative', position: 'relative',
left: 0, left: 0,
top: 0, top: 0,
@ -343,17 +344,17 @@ var QRCode = function (text, level, version, quiet) {
margin: 0, margin: 0,
width: settings_size, width: settings_size,
height: settings_size height: settings_size
}, };
darkCSS = { var darkCSS = {
position: 'absolute', position: 'absolute',
padding: 0, padding: 0,
margin: 0, margin: 0,
width: moduleSize, width: moduleSize,
height: moduleSize, height: moduleSize,
'background-color': settings.fill 'background-color': settings.fill
}, };
$div = $('<div/>').data('qrcode', qr).css(containerCSS); var $div = $('<div/>').data('qrcode', qr).css(containerCSS);
if (settings_bgColor) { if (settings_bgColor) {
$div.css('background-color', settings_bgColor); $div.css('background-color', settings_bgColor);
@ -374,25 +375,25 @@ var QRCode = function (text, level, version, quiet) {
} }
return $div; return $div;
}, }
createHTML = function (settings) { function createHTML(settings) {
if (canvasAvailable && settings.render === 'canvas') { if (hasCanvas && settings.render === 'canvas') {
return createCanvas(settings); return createCanvas(settings);
} else if (canvasAvailable && settings.render === 'image') { } else if (hasCanvas && settings.render === 'image') {
return createImage(settings); return createImage(settings);
} }
return createDiv(settings); return createDiv(settings);
}, }
// Plugin // Plugin
// ====== // ======
// Default settings // Default settings
// ---------------- // ----------------
defaults = { var defaults = {
// render method: `'canvas'`, `'image'` or `'div'` // render method: `'canvas'`, `'image'` or `'div'`
render: 'canvas', render: 'canvas',

Write Preview
Loading…
Cancel
Save