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/34/head v0.14.0
Lars Jung 9 years ago
parent a186351387
commit 761ecaa0c9
7 changed files with 135 additions and 129 deletions
Show Stats Download Patch File Download Diff File

95
dist/jquery-qrcode.js vendored
Unescape Escape View File

@ -1,19 +1,27 @@
/*! jquery-qrcode v0.13.4 - https://larsjung.de/jquery-qrcode/ */ /*! jquery-qrcode v0.14.0 - https://larsjung.de/jquery-qrcode/ */
(function (vendor_qrcode) { (function (vendor_qrcode) {
'use strict'; 'use strict';
var $ = jQuery; // eslint-disable-line no-undef var jq = window.jQuery;
// Check if canvas is available in the browser (as Modernizr does)
var hasCanvas = (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.
function QRCode(text, level, version, quiet) { function createQRCode(text, level, version, quiet) {
var qr = vendor_qrcode(version, level); var qr = {};
qr.addData(text);
qr.make(); var vqr = vendor_qrcode(version, level);
vqr.addData(text);
vqr.make();
quiet = quiet || 0; quiet = quiet || 0;
var qrModuleCount = qr.getModuleCount(); var qrModuleCount = vqr.getModuleCount();
var quietModuleCount = qr.getModuleCount() + 2 * quiet; var quietModuleCount = vqr.getModuleCount() + 2 * quiet;
function isDark(row, col) { function isDark(row, col) {
row -= quiet; row -= quiet;
@ -22,15 +30,14 @@
if (row < 0 || row >= qrModuleCount || col < 0 || col >= qrModuleCount) { if (row < 0 || row >= qrModuleCount || col < 0 || col >= qrModuleCount) {
return false; return false;
} }
return vqr.isDark(row, col);
return qr.isDark(row, col);
} }
var addBlank = function (l, t, r, b) { function addBlank(l, t, r, b) {
var prevIsDark = this.isDark; // eslint-disable-line no-invalid-this var prevIsDark = qr.isDark;
var moduleSize = 1 / quietModuleCount; var moduleSize = 1 / quietModuleCount;
this.isDark = function (row, col) { // eslint-disable-line no-invalid-this qr.isDark = function (row, col) {
var ml = col * moduleSize; var ml = col * moduleSize;
var mt = row * moduleSize; var mt = row * moduleSize;
var mr = ml + moduleSize; var mr = ml + moduleSize;
@ -38,39 +45,35 @@
return prevIsDark(row, col) && (l > mr || ml > r || t > mb || mt > b); return prevIsDark(row, col) && (l > mr || ml > r || t > mb || mt > b);
}; };
}; }
this.text = text; qr.text = text;
this.level = level; qr.level = level;
this.version = version; qr.version = version;
this.moduleCount = quietModuleCount; qr.moduleCount = quietModuleCount;
this.isDark = isDark; qr.isDark = isDark;
this.addBlank = addBlank; qr.addBlank = addBlank;
}
// Check if canvas is available in the browser (as Modernizr does) return qr;
var hasCanvas = (function () { }
var elem = document.createElement('canvas');
return Boolean(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 `undefined` if `text` is too long to be encoded in `maxVersion`. // Returns `undefined` if `text` is too long to be encoded in `maxVersion`.
function createQRCode(text, level, minVersion, maxVersion, quiet) { function createMinQRCode(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);
for (var version = minVersion; version <= maxVersion; version += 1) { for (var version = minVersion; version <= maxVersion; version += 1) {
try { try {
return new QRCode(text, level, version, quiet); return createQRCode(text, level, version, quiet);
} catch (err) {/* empty */} } catch (err) {/* empty */}
} }
return null; return undefined;
} }
function drawBackgroundLabel(qr, context, settings) { function drawBackgroundLabel(qr, context, settings) {
var size = settings.size; var size = settings.size;
var font = 'bold ' + (settings.mSize * size) + 'px ' + settings.fontname; var font = 'bold ' + settings.mSize * size + 'px ' + settings.fontname;
var ctx = $('<canvas/>')[0].getContext('2d'); var ctx = jq('<canvas/>')[0].getContext('2d');
ctx.font = font; ctx.font = font;
@ -120,7 +123,7 @@
} }
function drawBackground(qr, context, settings) { function drawBackground(qr, context, settings) {
if ($(settings.background).is('img')) { if (jq(settings.background).is('img')) {
context.drawImage(settings.background, 0, 0, settings.size, settings.size); context.drawImage(settings.background, 0, 0, settings.size, settings.size);
} else if (settings.background) { } else if (settings.background) {
context.fillStyle = settings.background; context.fillStyle = settings.background;
@ -254,7 +257,7 @@
fn(qr, context, settings, l, t, w, row, col); fn(qr, context, settings, l, t, w, row, col);
} }
} }
if ($(settings.fill).is('img')) { if (jq(settings.fill).is('img')) {
context.strokeStyle = 'rgba(0,0,0,0.5)'; context.strokeStyle = 'rgba(0,0,0,0.5)';
context.lineWidth = 2; context.lineWidth = 2;
context.stroke(); context.stroke();
@ -274,12 +277,12 @@
// Draws QR code to the given `canvas` and returns it. // Draws QR code to the given `canvas` and returns it.
function drawOnCanvas(canvas, settings) { function drawOnCanvas(canvas, settings) {
var qr = createQRCode(settings.text, settings.ecLevel, settings.minVersion, settings.maxVersion, settings.quiet); var qr = createMinQRCode(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 = jq(canvas).data('qrcode', qr);
var context = $canvas[0].getContext('2d'); var context = $canvas[0].getContext('2d');
drawBackground(qr, context, settings); drawBackground(qr, context, settings);
@ -290,18 +293,18 @@
// Returns a `canvas` element representing the QR code for the given settings. // Returns a `canvas` element representing the QR code for the given settings.
function createCanvas(settings) { function createCanvas(settings) {
var $canvas = $('<canvas/>').attr('width', settings.size).attr('height', settings.size); var $canvas = jq('<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.
function createImage(settings) { function createImage(settings) {
return $('<img/>').attr('src', createCanvas(settings)[0].toDataURL('image/png')); return jq('<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.
function createDiv(settings) { function createDiv(settings) {
var qr = createQRCode(settings.text, settings.ecLevel, settings.minVersion, settings.maxVersion, settings.quiet); var qr = createMinQRCode(settings.text, settings.ecLevel, settings.minVersion, settings.maxVersion, settings.quiet);
if (!qr) { if (!qr) {
return null; return null;
} }
@ -336,7 +339,7 @@
'background-color': settings.fill 'background-color': settings.fill
}; };
var $div = $('<div/>').data('qrcode', qr).css(containerCSS); var $div = jq('<div/>').data('qrcode', qr).css(containerCSS);
if (settings_bgColor) { if (settings_bgColor) {
$div.css('background-color', settings_bgColor); $div.css('background-color', settings_bgColor);
@ -345,7 +348,7 @@
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)) {
$('<div/>') jq('<div/>')
.css(darkCSS) .css(darkCSS)
.css({ .css({
left: offset + col * moduleSize, left: offset + col * moduleSize,
@ -428,14 +431,14 @@
// Register the plugin // Register the plugin
// ------------------- // -------------------
$.fn.qrcode = function (options) { jq.fn.qrcode = function (options) {
var settings = $.extend({}, defaults, options); var settings = jq.extend({}, defaults, options);
return this.each(function () { return this.each(function (idx, el) {
if (this.nodeName.toLowerCase() === 'canvas') { // eslint-disable-line no-invalid-this if (el.nodeName.toLowerCase() === 'canvas') {
drawOnCanvas(this, settings); // eslint-disable-line no-invalid-this drawOnCanvas(el, settings);
} else { } else {
$(this).append(createHTML(settings)); // eslint-disable-line no-invalid-this jq(el).append(createHTML(settings));
} }
}); });
}; };

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

File diff suppressed because one or more lines are too long

2
package.json
Unescape Escape View File

@ -1,7 +1,7 @@
{ {
"name": "jquery-qrcode", "name": "jquery-qrcode",
"displayName": "jQuery.qrcode", "displayName": "jQuery.qrcode",
"version": "0.13.4", "version": "0.14.0",
"description": "Generate QR codes dynamically.", "description": "Generate QR codes dynamically.",
"homepage": "https://larsjung.de/jquery-qrcode/", "homepage": "https://larsjung.de/jquery-qrcode/",
"bugs": "https://github.com/lrsjng/jquery-qrcode/issues", "bugs": "https://github.com/lrsjng/jquery-qrcode/issues",

1
src/.eslintrc
Unescape Escape View File

@ -4,7 +4,6 @@
rules: rules:
func-names: 0 func-names: 0
func-style: 0
no-var: 0 no-var: 0
prefer-arrow-callback: 0 prefer-arrow-callback: 0
strict: 0 strict: 0

BIN
src/demo/dummy.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

69
src/demo/scripts.js
Unescape Escape View File

@ -1,7 +1,7 @@
(function () { (function () {
'use strict'; 'use strict';
var $ = jQuery; // eslint-disable-line no-undef var jq = window.jQuery;
var guiValuePairs = [ var guiValuePairs = [
['size', 'px'], ['size', 'px'],
['minversion', ''], ['minversion', ''],
@ -13,41 +13,41 @@
]; ];
function updateGui() { function updateGui() {
$.each(guiValuePairs, function (idx, pair) { jq.each(guiValuePairs, function (idx, pair) {
var $label = $('label[for="' + pair[0] + '"]'); var $label = jq('label[for="' + pair[0] + '"]');
$label.text($label.text().replace(/:.*/, ': ' + $('#' + pair[0]).val() + pair[1])); $label.text($label.text().replace(/:.*/, ': ' + jq('#' + pair[0]).val() + pair[1]));
}); });
} }
function updateQrCode() { function updateQrCode() {
var options = { var options = {
render: $('#render').val(), render: jq('#render').val(),
ecLevel: $('#eclevel').val(), ecLevel: jq('#eclevel').val(),
minVersion: parseInt($('#minversion').val(), 10), minVersion: parseInt(jq('#minversion').val(), 10),
fill: $('#fill').val(), fill: jq('#fill').val(),
background: $('#background').val(), background: jq('#background').val(),
// fill: $('#img-buffer')[0], // fill: jq('#img-buffer')[0],
text: $('#text').val(), text: jq('#text').val(),
size: parseInt($('#size').val(), 10), size: parseInt(jq('#size').val(), 10),
radius: parseInt($('#radius').val(), 10) * 0.01, radius: parseInt(jq('#radius').val(), 10) * 0.01,
quiet: parseInt($('#quiet').val(), 10), quiet: parseInt(jq('#quiet').val(), 10),
mode: parseInt($('#mode').val(), 10), mode: parseInt(jq('#mode').val(), 10),
mSize: parseInt($('#msize').val(), 10) * 0.01, mSize: parseInt(jq('#msize').val(), 10) * 0.01,
mPosX: parseInt($('#mposx').val(), 10) * 0.01, mPosX: parseInt(jq('#mposx').val(), 10) * 0.01,
mPosY: parseInt($('#mposy').val(), 10) * 0.01, mPosY: parseInt(jq('#mposy').val(), 10) * 0.01,
label: $('#label').val(), label: jq('#label').val(),
fontname: $('#font').val(), fontname: jq('#font').val(),
fontcolor: $('#fontcolor').val(), fontcolor: jq('#fontcolor').val(),
image: $('#img-buffer')[0] image: jq('#img-buffer')[0]
}; };
$('#container').empty().qrcode(options); jq('#container').empty().qrcode(options);
} }
function update() { function update() {
@ -56,12 +56,12 @@
} }
function onImageInput() { function onImageInput() {
var input = $('#image')[0]; var input = jq('#image')[0];
if (input.files && input.files[0]) { if (input.files && input.files[0]) {
var reader = new FileReader(); var reader = new FileReader();
reader.onload = function (event) { reader.onload = function (event) {
$('#img-buffer').attr('src', event.target.result); jq('#img-buffer').attr('src', event.target.result);
$('#mode').val('4'); jq('#mode').val('4');
setTimeout(update, 250); setTimeout(update, 250);
}; };
reader.readAsDataURL(input.files[0]); reader.readAsDataURL(input.files[0]);
@ -69,15 +69,16 @@
} }
function download() { function download() {
$('#download').attr('href', $('#container canvas')[0].toDataURL('image/png')); jq('#download').attr('href', jq('#container canvas')[0].toDataURL('image/png'));
} }
function init() {
$(function () { jq('#download').on('click', download);
$('#download').on('click', download); jq('#image').on('change', onImageInput);
$('#image').on('change', onImageInput); jq('input, textarea, select').on('input change', update);
$('input, textarea, select').on('input change', update); jq(window).load(update);
$(window).load(update);
update(); update();
}); }
jq(init);
}()); }());

93
src/jquery-qrcode.js vendored
Unescape Escape View File

@ -1,18 +1,26 @@
(function (vendor_qrcode) { (function (vendor_qrcode) {
'use strict'; 'use strict';
var $ = jQuery; // eslint-disable-line no-undef var jq = window.jQuery;
// Check if canvas is available in the browser (as Modernizr does)
var hasCanvas = (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.
function QRCode(text, level, version, quiet) { function createQRCode(text, level, version, quiet) {
var qr = vendor_qrcode(version, level); var qr = {};
qr.addData(text);
qr.make(); var vqr = vendor_qrcode(version, level);
vqr.addData(text);
vqr.make();
quiet = quiet || 0; quiet = quiet || 0;
var qrModuleCount = qr.getModuleCount(); var qrModuleCount = vqr.getModuleCount();
var quietModuleCount = qr.getModuleCount() + 2 * quiet; var quietModuleCount = vqr.getModuleCount() + 2 * quiet;
function isDark(row, col) { function isDark(row, col) {
row -= quiet; row -= quiet;
@ -21,15 +29,14 @@
if (row < 0 || row >= qrModuleCount || col < 0 || col >= qrModuleCount) { if (row < 0 || row >= qrModuleCount || col < 0 || col >= qrModuleCount) {
return false; return false;
} }
return vqr.isDark(row, col);
return qr.isDark(row, col);
} }
var addBlank = function (l, t, r, b) { function addBlank(l, t, r, b) {
var prevIsDark = this.isDark; // eslint-disable-line no-invalid-this var prevIsDark = qr.isDark;
var moduleSize = 1 / quietModuleCount; var moduleSize = 1 / quietModuleCount;
this.isDark = function (row, col) { // eslint-disable-line no-invalid-this qr.isDark = function (row, col) {
var ml = col * moduleSize; var ml = col * moduleSize;
var mt = row * moduleSize; var mt = row * moduleSize;
var mr = ml + moduleSize; var mr = ml + moduleSize;
@ -37,39 +44,35 @@
return prevIsDark(row, col) && (l > mr || ml > r || t > mb || mt > b); return prevIsDark(row, col) && (l > mr || ml > r || t > mb || mt > b);
}; };
}; }
this.text = text; qr.text = text;
this.level = level; qr.level = level;
this.version = version; qr.version = version;
this.moduleCount = quietModuleCount; qr.moduleCount = quietModuleCount;
this.isDark = isDark; qr.isDark = isDark;
this.addBlank = addBlank; qr.addBlank = addBlank;
}
// Check if canvas is available in the browser (as Modernizr does) return qr;
var hasCanvas = (function () { }
var elem = document.createElement('canvas');
return Boolean(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 `undefined` if `text` is too long to be encoded in `maxVersion`. // Returns `undefined` if `text` is too long to be encoded in `maxVersion`.
function createQRCode(text, level, minVersion, maxVersion, quiet) { function createMinQRCode(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);
for (var version = minVersion; version <= maxVersion; version += 1) { for (var version = minVersion; version <= maxVersion; version += 1) {
try { try {
return new QRCode(text, level, version, quiet); return createQRCode(text, level, version, quiet);
} catch (err) {/* empty */} } catch (err) {/* empty */}
} }
return null; return undefined;
} }
function drawBackgroundLabel(qr, context, settings) { function drawBackgroundLabel(qr, context, settings) {
var size = settings.size; var size = settings.size;
var font = 'bold ' + (settings.mSize * size) + 'px ' + settings.fontname; var font = 'bold ' + settings.mSize * size + 'px ' + settings.fontname;
var ctx = $('<canvas/>')[0].getContext('2d'); var ctx = jq('<canvas/>')[0].getContext('2d');
ctx.font = font; ctx.font = font;
@ -119,7 +122,7 @@
} }
function drawBackground(qr, context, settings) { function drawBackground(qr, context, settings) {
if ($(settings.background).is('img')) { if (jq(settings.background).is('img')) {
context.drawImage(settings.background, 0, 0, settings.size, settings.size); context.drawImage(settings.background, 0, 0, settings.size, settings.size);
} else if (settings.background) { } else if (settings.background) {
context.fillStyle = settings.background; context.fillStyle = settings.background;
@ -253,7 +256,7 @@
fn(qr, context, settings, l, t, w, row, col); fn(qr, context, settings, l, t, w, row, col);
} }
} }
if ($(settings.fill).is('img')) { if (jq(settings.fill).is('img')) {
context.strokeStyle = 'rgba(0,0,0,0.5)'; context.strokeStyle = 'rgba(0,0,0,0.5)';
context.lineWidth = 2; context.lineWidth = 2;
context.stroke(); context.stroke();
@ -273,12 +276,12 @@
// Draws QR code to the given `canvas` and returns it. // Draws QR code to the given `canvas` and returns it.
function drawOnCanvas(canvas, settings) { function drawOnCanvas(canvas, settings) {
var qr = createQRCode(settings.text, settings.ecLevel, settings.minVersion, settings.maxVersion, settings.quiet); var qr = createMinQRCode(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 = jq(canvas).data('qrcode', qr);
var context = $canvas[0].getContext('2d'); var context = $canvas[0].getContext('2d');
drawBackground(qr, context, settings); drawBackground(qr, context, settings);
@ -289,18 +292,18 @@
// Returns a `canvas` element representing the QR code for the given settings. // Returns a `canvas` element representing the QR code for the given settings.
function createCanvas(settings) { function createCanvas(settings) {
var $canvas = $('<canvas/>').attr('width', settings.size).attr('height', settings.size); var $canvas = jq('<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.
function createImage(settings) { function createImage(settings) {
return $('<img/>').attr('src', createCanvas(settings)[0].toDataURL('image/png')); return jq('<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.
function createDiv(settings) { function createDiv(settings) {
var qr = createQRCode(settings.text, settings.ecLevel, settings.minVersion, settings.maxVersion, settings.quiet); var qr = createMinQRCode(settings.text, settings.ecLevel, settings.minVersion, settings.maxVersion, settings.quiet);
if (!qr) { if (!qr) {
return null; return null;
} }
@ -335,7 +338,7 @@
'background-color': settings.fill 'background-color': settings.fill
}; };
var $div = $('<div/>').data('qrcode', qr).css(containerCSS); var $div = jq('<div/>').data('qrcode', qr).css(containerCSS);
if (settings_bgColor) { if (settings_bgColor) {
$div.css('background-color', settings_bgColor); $div.css('background-color', settings_bgColor);
@ -344,7 +347,7 @@
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)) {
$('<div/>') jq('<div/>')
.css(darkCSS) .css(darkCSS)
.css({ .css({
left: offset + col * moduleSize, left: offset + col * moduleSize,
@ -427,14 +430,14 @@
// Register the plugin // Register the plugin
// ------------------- // -------------------
$.fn.qrcode = function (options) { jq.fn.qrcode = function (options) {
var settings = $.extend({}, defaults, options); var settings = jq.extend({}, defaults, options);
return this.each(function () { return this.each(function (idx, el) {
if (this.nodeName.toLowerCase() === 'canvas') { // eslint-disable-line no-invalid-this if (el.nodeName.toLowerCase() === 'canvas') {
drawOnCanvas(this, settings); // eslint-disable-line no-invalid-this drawOnCanvas(el, settings);
} else { } else {
$(this).append(createHTML(settings)); // eslint-disable-line no-invalid-this jq(el).append(createHTML(settings));
} }
}); });
}; };

Write Preview
Loading…
Cancel
Save