|
|
@ -6,35 +6,45 @@
|
|
|
|
(function ($) {
|
|
|
|
(function ($) {
|
|
|
|
'use strict';
|
|
|
|
'use strict';
|
|
|
|
|
|
|
|
|
|
|
|
// Check if canvas is available in the browser (as Modernizr does)
|
|
|
|
|
|
|
|
var canvasAvailable = (function () {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var elem = document.createElement('canvas');
|
|
|
|
|
|
|
|
return !!(elem.getContext && elem.getContext('2d'));
|
|
|
|
|
|
|
|
}()),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Wrapper for the original QR code generator.
|
|
|
|
// Wrapper for the original QR code generator.
|
|
|
|
createQr = function (version, level, text) {
|
|
|
|
var QRCode = function (version, level, text) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
try {
|
|
|
|
// `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.
|
|
|
|
var qr = qrcode(version, level);
|
|
|
|
var qr = qrcode(version, level);
|
|
|
|
qr.addData(text);
|
|
|
|
qr.addData(text);
|
|
|
|
qr.make();
|
|
|
|
qr.make();
|
|
|
|
|
|
|
|
|
|
|
|
return qr;
|
|
|
|
this.version = version;
|
|
|
|
|
|
|
|
this.level = level;
|
|
|
|
|
|
|
|
this.text = text;
|
|
|
|
|
|
|
|
this.moduleCount = qr.getModuleCount();
|
|
|
|
|
|
|
|
this.isDark = function (col, row) { return qr.isDark(col, row); };
|
|
|
|
|
|
|
|
} catch (err) {
|
|
|
|
|
|
|
|
return null;
|
|
|
|
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Check if canvas is available in the browser (as Modernizr does)
|
|
|
|
|
|
|
|
canvasAvailable = (function () {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var elem = document.createElement('canvas');
|
|
|
|
|
|
|
|
return !!(elem.getContext && elem.getContext('2d'));
|
|
|
|
|
|
|
|
}()),
|
|
|
|
|
|
|
|
|
|
|
|
// Returns a minimal QR code for the given text starting with version `minVersion`.
|
|
|
|
// Returns a minimal QR code for the given text starting with version `minVersion`.
|
|
|
|
// Returns `null` if `text` is too long to be encoded in `maxVersion`.
|
|
|
|
// Returns `null` if `text` is too long to be encoded in `maxVersion`.
|
|
|
|
createBestQr = function (minVersion, maxVersion, level, text) {
|
|
|
|
createBestQr = function (minVersion, maxVersion, level, text) {
|
|
|
|
|
|
|
|
|
|
|
|
minVersion = Math.max(1, minVersion);
|
|
|
|
minVersion = Math.max(1, minVersion);
|
|
|
|
maxVersion = Math.min(40, maxVersion);
|
|
|
|
maxVersion = Math.min(40, maxVersion);
|
|
|
|
for (var type = minVersion; type <= maxVersion; type += 1) {
|
|
|
|
for (var version = minVersion; version <= maxVersion; version += 1) {
|
|
|
|
try {
|
|
|
|
var qr = new QRCode(version, level, text);
|
|
|
|
return createQr(type, level, text);
|
|
|
|
if (qr) {
|
|
|
|
} catch (err) {}
|
|
|
|
return qr;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
return null;
|
|
|
|
return null;
|
|
|
@ -50,6 +60,7 @@
|
|
|
|
settings_height = settings.height,
|
|
|
|
settings_height = settings.height,
|
|
|
|
settings_color = settings.color,
|
|
|
|
settings_color = settings.color,
|
|
|
|
settings_bgColor = settings.bgColor,
|
|
|
|
settings_bgColor = settings.bgColor,
|
|
|
|
|
|
|
|
settings_blank = settings.blank,
|
|
|
|
|
|
|
|
|
|
|
|
qr = createBestQr(settings.minVersion, settings.maxVersion, settings.ecLevel, settings.text),
|
|
|
|
qr = createBestQr(settings.minVersion, settings.maxVersion, settings.ecLevel, settings.text),
|
|
|
|
$canvas = $(canvas),
|
|
|
|
$canvas = $(canvas),
|
|
|
@ -61,15 +72,30 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
if (qr) {
|
|
|
|
if (qr) {
|
|
|
|
var moduleCount = qr.getModuleCount(),
|
|
|
|
$canvas.data('qrcode', qr);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var moduleCount = qr.moduleCount,
|
|
|
|
moduleWidth = settings_width / moduleCount,
|
|
|
|
moduleWidth = settings_width / moduleCount,
|
|
|
|
moduleHeight = settings_height / moduleCount,
|
|
|
|
moduleHeight = settings_height / moduleCount,
|
|
|
|
row, col;
|
|
|
|
row, col,
|
|
|
|
|
|
|
|
forceBlank = function () { return false; };
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (settings_blank) {
|
|
|
|
|
|
|
|
forceBlank = function (row, col) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var l = settings_left + col * moduleWidth,
|
|
|
|
|
|
|
|
t = settings_top + row * moduleHeight,
|
|
|
|
|
|
|
|
r = l + moduleWidth,
|
|
|
|
|
|
|
|
b = t + moduleHeight;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return settings_blank.l <= r && l <= settings_blank.r && settings_blank.t <= b && t <= settings_blank.b;
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
ctx.beginPath();
|
|
|
|
ctx.beginPath();
|
|
|
|
for (row = 0; row < moduleCount; row += 1) {
|
|
|
|
for (row = 0; row < moduleCount; row += 1) {
|
|
|
|
for (col = 0; col < moduleCount; col += 1) {
|
|
|
|
for (col = 0; col < moduleCount; col += 1) {
|
|
|
|
if (qr.isDark(row, col)) {
|
|
|
|
if (qr.isDark(row, col) && !forceBlank(row, col)) {
|
|
|
|
ctx.rect(settings_left + col * moduleWidth, settings_top + row * moduleHeight, moduleWidth, moduleHeight);
|
|
|
|
ctx.rect(settings_left + col * moduleWidth, settings_top + row * moduleHeight, moduleWidth, moduleHeight);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -115,7 +141,9 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
if (qr) {
|
|
|
|
if (qr) {
|
|
|
|
var moduleCount = qr.getModuleCount(),
|
|
|
|
$div.data('qrcode', qr);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var moduleCount = qr.moduleCount,
|
|
|
|
moduleWidth = math_floor(settings_width / moduleCount),
|
|
|
|
moduleWidth = math_floor(settings_width / moduleCount),
|
|
|
|
moduleHeight = math_floor(settings_height / moduleCount),
|
|
|
|
moduleHeight = math_floor(settings_height / moduleCount),
|
|
|
|
offsetLeft = math_floor(0.5 * (settings_width - moduleWidth * moduleCount)),
|
|
|
|
offsetLeft = math_floor(0.5 * (settings_width - moduleWidth * moduleCount)),
|
|
|
@ -186,7 +214,10 @@
|
|
|
|
bgColor: null,
|
|
|
|
bgColor: null,
|
|
|
|
|
|
|
|
|
|
|
|
// the encoded text
|
|
|
|
// the encoded text
|
|
|
|
text: 'no text'
|
|
|
|
text: 'no text',
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// blank space: {l, t, r, b}
|
|
|
|
|
|
|
|
blank: null
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
// Register the plugin
|
|
|
|
// Register the plugin
|
|
|
|