|
|
|
|
@ -1,82 +1,179 @@
|
|
|
|
|
/*! jquery-qrcode v0.15.0 - https://larsjung.de/jquery-qrcode/ */
|
|
|
|
|
(function (vendor_qrcode) {
|
|
|
|
|
'use strict';
|
|
|
|
|
/*! jquery-qrcode v0.16.0 - https://larsjung.de/jquery-qrcode/ */
|
|
|
|
|
(function webpackUniversalModuleDefinition(root, factory) {
|
|
|
|
|
if(typeof exports === 'object' && typeof module === 'object')
|
|
|
|
|
module.exports = factory();
|
|
|
|
|
else if(typeof define === 'function' && define.amd)
|
|
|
|
|
define("jquery-qrcode", [], factory);
|
|
|
|
|
else if(typeof exports === 'object')
|
|
|
|
|
exports["jquery-qrcode"] = factory();
|
|
|
|
|
else
|
|
|
|
|
root["jquery-qrcode"] = factory();
|
|
|
|
|
})((typeof self !== 'undefined' ? self : this), function() {
|
|
|
|
|
return /******/ (function(modules) { // webpackBootstrap
|
|
|
|
|
/******/ // The module cache
|
|
|
|
|
/******/ var installedModules = {};
|
|
|
|
|
/******/
|
|
|
|
|
/******/ // The require function
|
|
|
|
|
/******/ function __webpack_require__(moduleId) {
|
|
|
|
|
/******/
|
|
|
|
|
/******/ // Check if module is in cache
|
|
|
|
|
/******/ if(installedModules[moduleId]) {
|
|
|
|
|
/******/ return installedModules[moduleId].exports;
|
|
|
|
|
/******/ }
|
|
|
|
|
/******/ // Create a new module (and put it into the cache)
|
|
|
|
|
/******/ var module = installedModules[moduleId] = {
|
|
|
|
|
/******/ i: moduleId,
|
|
|
|
|
/******/ l: false,
|
|
|
|
|
/******/ exports: {}
|
|
|
|
|
/******/ };
|
|
|
|
|
/******/
|
|
|
|
|
/******/ // Execute the module function
|
|
|
|
|
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
|
|
|
|
/******/
|
|
|
|
|
/******/ // Flag the module as loaded
|
|
|
|
|
/******/ module.l = true;
|
|
|
|
|
/******/
|
|
|
|
|
/******/ // Return the exports of the module
|
|
|
|
|
/******/ return module.exports;
|
|
|
|
|
/******/ }
|
|
|
|
|
/******/
|
|
|
|
|
/******/
|
|
|
|
|
/******/ // expose the modules object (__webpack_modules__)
|
|
|
|
|
/******/ __webpack_require__.m = modules;
|
|
|
|
|
/******/
|
|
|
|
|
/******/ // expose the module cache
|
|
|
|
|
/******/ __webpack_require__.c = installedModules;
|
|
|
|
|
/******/
|
|
|
|
|
/******/ // define getter function for harmony exports
|
|
|
|
|
/******/ __webpack_require__.d = function(exports, name, getter) {
|
|
|
|
|
/******/ if(!__webpack_require__.o(exports, name)) {
|
|
|
|
|
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
|
|
|
|
/******/ }
|
|
|
|
|
/******/ };
|
|
|
|
|
/******/
|
|
|
|
|
/******/ // define __esModule on exports
|
|
|
|
|
/******/ __webpack_require__.r = function(exports) {
|
|
|
|
|
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
|
|
|
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
|
|
/******/ }
|
|
|
|
|
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
|
|
/******/ };
|
|
|
|
|
/******/
|
|
|
|
|
/******/ // create a fake namespace object
|
|
|
|
|
/******/ // mode & 1: value is a module id, require it
|
|
|
|
|
/******/ // mode & 2: merge all properties of value into the ns
|
|
|
|
|
/******/ // mode & 4: return value when already ns object
|
|
|
|
|
/******/ // mode & 8|1: behave like require
|
|
|
|
|
/******/ __webpack_require__.t = function(value, mode) {
|
|
|
|
|
/******/ if(mode & 1) value = __webpack_require__(value);
|
|
|
|
|
/******/ if(mode & 8) return value;
|
|
|
|
|
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
|
|
|
|
/******/ var ns = Object.create(null);
|
|
|
|
|
/******/ __webpack_require__.r(ns);
|
|
|
|
|
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
|
|
|
|
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
|
|
|
|
/******/ return ns;
|
|
|
|
|
/******/ };
|
|
|
|
|
/******/
|
|
|
|
|
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
|
|
|
/******/ __webpack_require__.n = function(module) {
|
|
|
|
|
/******/ var getter = module && module.__esModule ?
|
|
|
|
|
/******/ function getDefault() { return module['default']; } :
|
|
|
|
|
/******/ function getModuleExports() { return module; };
|
|
|
|
|
/******/ __webpack_require__.d(getter, 'a', getter);
|
|
|
|
|
/******/ return getter;
|
|
|
|
|
/******/ };
|
|
|
|
|
/******/
|
|
|
|
|
/******/ // Object.prototype.hasOwnProperty.call
|
|
|
|
|
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
|
|
|
|
/******/
|
|
|
|
|
/******/ // __webpack_public_path__
|
|
|
|
|
/******/ __webpack_require__.p = "";
|
|
|
|
|
/******/
|
|
|
|
|
/******/
|
|
|
|
|
/******/ // Load entry module and return exports
|
|
|
|
|
/******/ return __webpack_require__(__webpack_require__.s = 0);
|
|
|
|
|
/******/ })
|
|
|
|
|
/************************************************************************/
|
|
|
|
|
/******/ ([
|
|
|
|
|
/* 0 */
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
var VQRCODE = __webpack_require__(1);
|
|
|
|
|
|
|
|
|
|
var WIN = window; // eslint-disable-line no-undef
|
|
|
|
|
|
|
|
|
|
var JQ = WIN.jQuery; // Check if canvas is available in the browser (as Modernizr does)
|
|
|
|
|
|
|
|
|
|
var HAS_CANVAS = function () {
|
|
|
|
|
var el = WIN.document.createElement('canvas');
|
|
|
|
|
return !!(el.getContext && el.getContext('2d'));
|
|
|
|
|
}();
|
|
|
|
|
|
|
|
|
|
var jq = window.jQuery;
|
|
|
|
|
var is_img_el = function is_img_el(x) {
|
|
|
|
|
return x && typeof x.tagName === 'string' && x.tagName.toUpperCase() === 'IMG';
|
|
|
|
|
}; // Wrapper for the original QR code generator.
|
|
|
|
|
|
|
|
|
|
// 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.
|
|
|
|
|
function createQRCode(text, level, version, quiet) {
|
|
|
|
|
var create_qrcode = function create_qrcode(text, level, version, quiet) {
|
|
|
|
|
var qr = {};
|
|
|
|
|
|
|
|
|
|
var vqr = vendor_qrcode(version, level);
|
|
|
|
|
var vqr = VQRCODE(version, level);
|
|
|
|
|
vqr.addData(text);
|
|
|
|
|
vqr.make();
|
|
|
|
|
|
|
|
|
|
quiet = quiet || 0;
|
|
|
|
|
var module_count = vqr.getModuleCount();
|
|
|
|
|
var quiet_module_count = module_count + 2 * quiet;
|
|
|
|
|
|
|
|
|
|
var qrModuleCount = vqr.getModuleCount();
|
|
|
|
|
var quietModuleCount = vqr.getModuleCount() + 2 * quiet;
|
|
|
|
|
|
|
|
|
|
function isDark(row, col) {
|
|
|
|
|
var is_dark = function is_dark(row, col) {
|
|
|
|
|
row -= quiet;
|
|
|
|
|
col -= quiet;
|
|
|
|
|
return row >= 0 && row < module_count && col >= 0 && col < module_count && vqr.isDark(row, col);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
if (row < 0 || row >= qrModuleCount || col < 0 || col >= qrModuleCount) {
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
return vqr.isDark(row, col);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function addBlank(l, t, r, b) {
|
|
|
|
|
var prevIsDark = qr.isDark;
|
|
|
|
|
var moduleSize = 1 / quietModuleCount;
|
|
|
|
|
|
|
|
|
|
qr.isDark = function (row, col) {
|
|
|
|
|
var ml = col * moduleSize;
|
|
|
|
|
var mt = row * moduleSize;
|
|
|
|
|
var mr = ml + moduleSize;
|
|
|
|
|
var mb = mt + moduleSize;
|
|
|
|
|
var add_blank = function add_blank(l, t, r, b) {
|
|
|
|
|
var prev_is_dark = qr.is_dark;
|
|
|
|
|
var module_size = 1 / quiet_module_count;
|
|
|
|
|
|
|
|
|
|
return prevIsDark(row, col) && (l > mr || ml > r || t > mb || mt > b);
|
|
|
|
|
qr.is_dark = function (row, col) {
|
|
|
|
|
var ml = col * module_size;
|
|
|
|
|
var mt = row * module_size;
|
|
|
|
|
var mr = ml + module_size;
|
|
|
|
|
var mb = mt + module_size;
|
|
|
|
|
return prev_is_dark(row, col) && (l > mr || ml > r || t > mb || mt > b);
|
|
|
|
|
};
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
qr.text = text;
|
|
|
|
|
qr.level = level;
|
|
|
|
|
qr.version = version;
|
|
|
|
|
qr.moduleCount = quietModuleCount;
|
|
|
|
|
qr.isDark = isDark;
|
|
|
|
|
qr.addBlank = addBlank;
|
|
|
|
|
|
|
|
|
|
qr.module_count = quiet_module_count;
|
|
|
|
|
qr.is_dark = is_dark;
|
|
|
|
|
qr.add_blank = add_blank;
|
|
|
|
|
return qr;
|
|
|
|
|
}
|
|
|
|
|
}; // Returns a minimal QR code for the given text starting with version `min_ver`.
|
|
|
|
|
// Returns `undefined` if `text` is too long to be encoded in `max_ver`.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 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`.
|
|
|
|
|
function createMinQRCode(text, level, minVersion, maxVersion, quiet) {
|
|
|
|
|
minVersion = Math.max(1, minVersion || 1);
|
|
|
|
|
maxVersion = Math.min(40, maxVersion || 40);
|
|
|
|
|
for (var version = minVersion; version <= maxVersion; version += 1) {
|
|
|
|
|
var create_min_qrcode = function create_min_qrcode(text, level, min_ver, max_ver, quiet) {
|
|
|
|
|
min_ver = Math.max(1, min_ver || 1);
|
|
|
|
|
max_ver = Math.min(40, max_ver || 40);
|
|
|
|
|
|
|
|
|
|
for (var ver = min_ver; ver <= max_ver; ver += 1) {
|
|
|
|
|
try {
|
|
|
|
|
return createQRCode(text, level, version, quiet);
|
|
|
|
|
} catch (err) {/* empty */}
|
|
|
|
|
return create_qrcode(text, level, ver, quiet);
|
|
|
|
|
} catch (err) {
|
|
|
|
|
/* empty */
|
|
|
|
|
}
|
|
|
|
|
return undefined;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function drawBackgroundLabel(qr, context, settings) {
|
|
|
|
|
return undefined;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var draw_background_label = function draw_background_label(qr, context, settings) {
|
|
|
|
|
var size = settings.size;
|
|
|
|
|
var font = 'bold ' + settings.mSize * size + 'px ' + settings.fontname;
|
|
|
|
|
var ctx = jq('<canvas/>')[0].getContext('2d');
|
|
|
|
|
|
|
|
|
|
var ctx = JQ('<canvas/>')[0].getContext('2d');
|
|
|
|
|
ctx.font = font;
|
|
|
|
|
|
|
|
|
|
var w = ctx.measureText(settings.label).width;
|
|
|
|
|
var sh = settings.mSize;
|
|
|
|
|
var sw = w / size;
|
|
|
|
|
@ -88,18 +185,18 @@
|
|
|
|
|
|
|
|
|
|
if (settings.mode === 1) {
|
|
|
|
|
// Strip
|
|
|
|
|
qr.addBlank(0, st - pad, size, sb + pad);
|
|
|
|
|
qr.add_blank(0, st - pad, size, sb + pad);
|
|
|
|
|
} else {
|
|
|
|
|
// Box
|
|
|
|
|
qr.addBlank(sl - pad, st - pad, sr + pad, sb + pad);
|
|
|
|
|
qr.add_blank(sl - pad, st - pad, sr + pad, sb + pad);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
context.fillStyle = settings.fontcolor;
|
|
|
|
|
context.font = font;
|
|
|
|
|
context.fillText(settings.label, sl * size, st * size + 0.75 * settings.mSize * size);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
function drawBackgroundImage(qr, context, settings) {
|
|
|
|
|
var draw_background_img = function draw_background_img(qr, context, settings) {
|
|
|
|
|
var size = settings.size;
|
|
|
|
|
var w = settings.image.naturalWidth || 1;
|
|
|
|
|
var h = settings.image.naturalHeight || 1;
|
|
|
|
|
@ -113,17 +210,17 @@
|
|
|
|
|
|
|
|
|
|
if (settings.mode === 3) {
|
|
|
|
|
// Strip
|
|
|
|
|
qr.addBlank(0, st - pad, size, sb + pad);
|
|
|
|
|
qr.add_blank(0, st - pad, size, sb + pad);
|
|
|
|
|
} else {
|
|
|
|
|
// Box
|
|
|
|
|
qr.addBlank(sl - pad, st - pad, sr + pad, sb + pad);
|
|
|
|
|
qr.add_blank(sl - pad, st - pad, sr + pad, sb + pad);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
context.drawImage(settings.image, sl * size, st * size, sw * size, sh * size);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
function drawBackground(qr, context, settings) {
|
|
|
|
|
if (jq(settings.background).is('img')) {
|
|
|
|
|
var draw_background = function draw_background(qr, context, settings) {
|
|
|
|
|
if (is_img_el(settings.background)) {
|
|
|
|
|
context.drawImage(settings.background, 0, 0, settings.size, settings.size);
|
|
|
|
|
} else if (settings.background) {
|
|
|
|
|
context.fillStyle = settings.background;
|
|
|
|
|
@ -131,20 +228,21 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var mode = settings.mode;
|
|
|
|
|
|
|
|
|
|
if (mode === 1 || mode === 2) {
|
|
|
|
|
drawBackgroundLabel(qr, context, settings);
|
|
|
|
|
} else if (mode === 3 || mode === 4) {
|
|
|
|
|
drawBackgroundImage(qr, context, settings);
|
|
|
|
|
}
|
|
|
|
|
draw_background_label(qr, context, settings);
|
|
|
|
|
} else if (is_img_el(settings.image) && (mode === 3 || mode === 4)) {
|
|
|
|
|
draw_background_img(qr, context, settings);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
function drawModuleDefault(qr, context, settings, left, top, width, row, col) {
|
|
|
|
|
if (qr.isDark(row, col)) {
|
|
|
|
|
var draw_modules_default = function draw_modules_default(qr, context, settings, left, top, width, row, col) {
|
|
|
|
|
if (qr.is_dark(row, col)) {
|
|
|
|
|
context.rect(left, top, width, width);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
function drawModuleRoundedDark(ctx, l, t, r, b, rad, nw, ne, se, sw) {
|
|
|
|
|
var draw_modules_rounded_dark = function draw_modules_rounded_dark(ctx, l, t, r, b, rad, nw, ne, se, sw) {
|
|
|
|
|
if (nw) {
|
|
|
|
|
ctx.moveTo(l + rad, t);
|
|
|
|
|
} else {
|
|
|
|
|
@ -178,9 +276,9 @@
|
|
|
|
|
} else {
|
|
|
|
|
ctx.lineTo(l, t);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
function drawModuleRoundendLight(ctx, l, t, r, b, rad, nw, ne, se, sw) {
|
|
|
|
|
var draw_modules_rounded_light = function draw_modules_rounded_light(ctx, l, t, r, b, rad, nw, ne, se, sw) {
|
|
|
|
|
if (nw) {
|
|
|
|
|
ctx.moveTo(l + rad, t);
|
|
|
|
|
ctx.lineTo(l, t);
|
|
|
|
|
@ -208,10 +306,10 @@
|
|
|
|
|
ctx.lineTo(l, b - rad);
|
|
|
|
|
ctx.arcTo(l, b, l + rad, b, rad);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
function drawModuleRounded(qr, context, settings, left, top, width, row, col) {
|
|
|
|
|
var isDark = qr.isDark;
|
|
|
|
|
var draw_modules_rounded = function draw_modules_rounded(qr, context, settings, left, top, width, row, col) {
|
|
|
|
|
var is_dark = qr.is_dark;
|
|
|
|
|
var right = left + width;
|
|
|
|
|
var bottom = top + width;
|
|
|
|
|
var radius = settings.radius * width;
|
|
|
|
|
@ -219,45 +317,46 @@
|
|
|
|
|
var rowB = row + 1;
|
|
|
|
|
var colL = col - 1;
|
|
|
|
|
var colR = col + 1;
|
|
|
|
|
var center = isDark(row, col);
|
|
|
|
|
var northwest = isDark(rowT, colL);
|
|
|
|
|
var north = isDark(rowT, col);
|
|
|
|
|
var northeast = isDark(rowT, colR);
|
|
|
|
|
var east = isDark(row, colR);
|
|
|
|
|
var southeast = isDark(rowB, colR);
|
|
|
|
|
var south = isDark(rowB, col);
|
|
|
|
|
var southwest = isDark(rowB, colL);
|
|
|
|
|
var west = isDark(row, colL);
|
|
|
|
|
var center = is_dark(row, col);
|
|
|
|
|
var northwest = is_dark(rowT, colL);
|
|
|
|
|
var north = is_dark(rowT, col);
|
|
|
|
|
var northeast = is_dark(rowT, colR);
|
|
|
|
|
var east = is_dark(row, colR);
|
|
|
|
|
var southeast = is_dark(rowB, colR);
|
|
|
|
|
var south = is_dark(rowB, col);
|
|
|
|
|
var southwest = is_dark(rowB, colL);
|
|
|
|
|
var west = is_dark(row, colL);
|
|
|
|
|
|
|
|
|
|
if (center) {
|
|
|
|
|
drawModuleRoundedDark(context, left, top, right, bottom, radius, !north && !west, !north && !east, !south && !east, !south && !west);
|
|
|
|
|
draw_modules_rounded_dark(context, left, top, right, bottom, radius, !north && !west, !north && !east, !south && !east, !south && !west);
|
|
|
|
|
} else {
|
|
|
|
|
drawModuleRoundendLight(context, left, top, right, bottom, radius, north && west && northwest, north && east && northeast, south && east && southeast, south && west && southwest);
|
|
|
|
|
}
|
|
|
|
|
draw_modules_rounded_light(context, left, top, right, bottom, radius, north && west && northwest, north && east && northeast, south && east && southeast, south && west && southwest);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
function drawModules(qr, context, settings) {
|
|
|
|
|
var moduleCount = qr.moduleCount;
|
|
|
|
|
var moduleSize = settings.size / moduleCount;
|
|
|
|
|
var fn = drawModuleDefault;
|
|
|
|
|
var draw_modules = function draw_modules(qr, context, settings) {
|
|
|
|
|
var module_count = qr.module_count;
|
|
|
|
|
var module_size = settings.size / module_count;
|
|
|
|
|
var fn = draw_modules_default;
|
|
|
|
|
var row;
|
|
|
|
|
var col;
|
|
|
|
|
|
|
|
|
|
if (settings.radius > 0 && settings.radius <= 0.5) {
|
|
|
|
|
fn = drawModuleRounded;
|
|
|
|
|
fn = draw_modules_rounded;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
context.beginPath();
|
|
|
|
|
for (row = 0; row < moduleCount; row += 1) {
|
|
|
|
|
for (col = 0; col < moduleCount; col += 1) {
|
|
|
|
|
var l = settings.left + col * moduleSize;
|
|
|
|
|
var t = settings.top + row * moduleSize;
|
|
|
|
|
var w = moduleSize;
|
|
|
|
|
|
|
|
|
|
for (row = 0; row < module_count; row += 1) {
|
|
|
|
|
for (col = 0; col < module_count; col += 1) {
|
|
|
|
|
var l = settings.left + col * module_size;
|
|
|
|
|
var t = settings.top + row * module_size;
|
|
|
|
|
var w = module_size;
|
|
|
|
|
fn(qr, context, settings, l, t, w, row, col);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (jq(settings.fill).is('img')) {
|
|
|
|
|
|
|
|
|
|
if (is_img_el(settings.fill)) {
|
|
|
|
|
context.strokeStyle = 'rgba(0,0,0,0.5)';
|
|
|
|
|
context.lineWidth = 2;
|
|
|
|
|
context.stroke();
|
|
|
|
|
@ -265,7 +364,6 @@
|
|
|
|
|
context.globalCompositeOperation = 'destination-out';
|
|
|
|
|
context.fill();
|
|
|
|
|
context.globalCompositeOperation = prev;
|
|
|
|
|
|
|
|
|
|
context.clip();
|
|
|
|
|
context.drawImage(settings.fill, 0, 0, settings.size, settings.size);
|
|
|
|
|
context.restore();
|
|
|
|
|
@ -273,55 +371,52 @@
|
|
|
|
|
context.fillStyle = settings.fill;
|
|
|
|
|
context.fill();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}; // Draws QR code to the given `canvas` and returns it.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var draw_on_canvas = function draw_on_canvas(canvas, settings) {
|
|
|
|
|
var qr = create_min_qrcode(settings.text, settings.ecLevel, settings.minVersion, settings.maxVersion, settings.quiet);
|
|
|
|
|
|
|
|
|
|
// Draws QR code to the given `canvas` and returns it.
|
|
|
|
|
function drawOnCanvas(canvas, settings) {
|
|
|
|
|
var qr = createMinQRCode(settings.text, settings.ecLevel, settings.minVersion, settings.maxVersion, settings.quiet);
|
|
|
|
|
if (!qr) {
|
|
|
|
|
return null;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var $canvas = jq(canvas).data('qrcode', qr);
|
|
|
|
|
var $canvas = JQ(canvas).data('qrcode', qr);
|
|
|
|
|
var context = $canvas[0].getContext('2d');
|
|
|
|
|
draw_background(qr, context, settings);
|
|
|
|
|
draw_modules(qr, context, settings);
|
|
|
|
|
return $canvas;
|
|
|
|
|
}; // Returns a `canvas` element representing the QR code for the given settings.
|
|
|
|
|
|
|
|
|
|
drawBackground(qr, context, settings);
|
|
|
|
|
drawModules(qr, context, settings);
|
|
|
|
|
|
|
|
|
|
return $canvas;
|
|
|
|
|
}
|
|
|
|
|
var create_canvas = function create_canvas(settings) {
|
|
|
|
|
var $canvas = JQ('<canvas/>').attr('width', settings.size).attr('height', settings.size);
|
|
|
|
|
return draw_on_canvas($canvas, settings);
|
|
|
|
|
}; // Returns an `image` element representing the QR code for the given settings.
|
|
|
|
|
|
|
|
|
|
// Returns a `canvas` element representing the QR code for the given settings.
|
|
|
|
|
function createCanvas(settings) {
|
|
|
|
|
var $canvas = jq('<canvas/>').attr('width', settings.size).attr('height', settings.size);
|
|
|
|
|
return drawOnCanvas($canvas, settings);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Returns an `image` element representing the QR code for the given settings.
|
|
|
|
|
function createImage(settings) {
|
|
|
|
|
return jq('<img/>').attr('src', createCanvas(settings)[0].toDataURL('image/png'));
|
|
|
|
|
}
|
|
|
|
|
var create_img = function create_img(settings) {
|
|
|
|
|
return JQ('<img/>').attr('src', create_canvas(settings)[0].toDataURL('image/png'));
|
|
|
|
|
}; // Returns a `div` element representing the QR code for the given settings.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var create_div = function create_div(settings) {
|
|
|
|
|
var qr = create_min_qrcode(settings.text, settings.ecLevel, settings.minVersion, settings.maxVersion, settings.quiet);
|
|
|
|
|
|
|
|
|
|
// Returns a `div` element representing the QR code for the given settings.
|
|
|
|
|
function createDiv(settings) {
|
|
|
|
|
var qr = createMinQRCode(settings.text, settings.ecLevel, settings.minVersion, settings.maxVersion, settings.quiet);
|
|
|
|
|
if (!qr) {
|
|
|
|
|
return null;
|
|
|
|
|
}
|
|
|
|
|
} // some shortcuts to improve compression
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// some shortcuts to improve compression
|
|
|
|
|
var settings_size = settings.size;
|
|
|
|
|
var settings_bgColor = settings.background;
|
|
|
|
|
var math_floor = Math.floor;
|
|
|
|
|
|
|
|
|
|
var moduleCount = qr.moduleCount;
|
|
|
|
|
var moduleSize = math_floor(settings_size / moduleCount);
|
|
|
|
|
var offset = math_floor(0.5 * (settings_size - moduleSize * moduleCount));
|
|
|
|
|
|
|
|
|
|
var module_count = qr.module_count;
|
|
|
|
|
var module_size = math_floor(settings_size / module_count);
|
|
|
|
|
var offset = math_floor(0.5 * (settings_size - module_size * module_count));
|
|
|
|
|
var row;
|
|
|
|
|
var col;
|
|
|
|
|
|
|
|
|
|
var containerCSS = {
|
|
|
|
|
var container_css = {
|
|
|
|
|
position: 'relative',
|
|
|
|
|
left: 0,
|
|
|
|
|
top: 0,
|
|
|
|
|
@ -330,86 +425,67 @@
|
|
|
|
|
width: settings_size,
|
|
|
|
|
height: settings_size
|
|
|
|
|
};
|
|
|
|
|
var darkCSS = {
|
|
|
|
|
var dark_css = {
|
|
|
|
|
position: 'absolute',
|
|
|
|
|
padding: 0,
|
|
|
|
|
margin: 0,
|
|
|
|
|
width: moduleSize,
|
|
|
|
|
height: moduleSize,
|
|
|
|
|
width: module_size,
|
|
|
|
|
height: module_size,
|
|
|
|
|
'background-color': settings.fill
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var $div = jq('<div/>').data('qrcode', qr).css(containerCSS);
|
|
|
|
|
var $div = JQ('<div/>').data('qrcode', qr).css(container_css);
|
|
|
|
|
|
|
|
|
|
if (settings_bgColor) {
|
|
|
|
|
$div.css('background-color', settings_bgColor);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
for (row = 0; row < moduleCount; row += 1) {
|
|
|
|
|
for (col = 0; col < moduleCount; col += 1) {
|
|
|
|
|
if (qr.isDark(row, col)) {
|
|
|
|
|
jq('<div/>')
|
|
|
|
|
.css(darkCSS)
|
|
|
|
|
.css({
|
|
|
|
|
left: offset + col * moduleSize,
|
|
|
|
|
top: offset + row * moduleSize
|
|
|
|
|
})
|
|
|
|
|
.appendTo($div);
|
|
|
|
|
for (row = 0; row < module_count; row += 1) {
|
|
|
|
|
for (col = 0; col < module_count; col += 1) {
|
|
|
|
|
if (qr.is_dark(row, col)) {
|
|
|
|
|
JQ('<div/>').css(dark_css).css({
|
|
|
|
|
left: offset + col * module_size,
|
|
|
|
|
top: offset + row * module_size
|
|
|
|
|
}).appendTo($div);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return $div;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function createHTML(settings) {
|
|
|
|
|
if (hasCanvas && settings.render === 'canvas') {
|
|
|
|
|
return createCanvas(settings);
|
|
|
|
|
} else if (hasCanvas && settings.render === 'image') {
|
|
|
|
|
return createImage(settings);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
return createDiv(settings);
|
|
|
|
|
var create_html = function create_html(settings) {
|
|
|
|
|
if (HAS_CANVAS && settings.render === 'canvas') {
|
|
|
|
|
return create_canvas(settings);
|
|
|
|
|
} else if (HAS_CANVAS && settings.render === 'image') {
|
|
|
|
|
return create_img(settings);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Plugin
|
|
|
|
|
// ======
|
|
|
|
|
return create_div(settings);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// Default settings
|
|
|
|
|
// ----------------
|
|
|
|
|
var defaults = {
|
|
|
|
|
var DEFAULTS = {
|
|
|
|
|
// 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,
|
|
|
|
|
|
|
|
|
|
background: '#fff',
|
|
|
|
|
// 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
|
|
|
|
|
@ -417,33 +493,30 @@
|
|
|
|
|
// 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
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// Register the plugin
|
|
|
|
|
// -------------------
|
|
|
|
|
jq.fn.qrcode = function (options) {
|
|
|
|
|
var settings = jq.extend({}, defaults, options);
|
|
|
|
|
|
|
|
|
|
JQ.fn.qrcode = module.exports = function main(options) {
|
|
|
|
|
var settings = JQ.extend({}, DEFAULTS, options);
|
|
|
|
|
return this.each(function (idx, el) {
|
|
|
|
|
if (el.nodeName.toLowerCase() === 'canvas') {
|
|
|
|
|
drawOnCanvas(el, settings);
|
|
|
|
|
draw_on_canvas(el, settings);
|
|
|
|
|
} else {
|
|
|
|
|
jq(el).append(createHTML(settings));
|
|
|
|
|
JQ(el).append(create_html(settings));
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
}(function () {
|
|
|
|
|
// `qrcode` is the single public function defined by the `QR Code Generator`
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
/* 1 */
|
|
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
|
|
|
|
//---------------------------------------------------------------------
|
|
|
|
|
//
|
|
|
|
|
// QR Code Generator for JavaScript
|
|
|
|
|
@ -2328,5 +2401,7 @@
|
|
|
|
|
|
|
|
|
|
}(qrcode);
|
|
|
|
|
|
|
|
|
|
return qrcode; // eslint-disable-line no-undef
|
|
|
|
|
}()));
|
|
|
|
|
|
|
|
|
|
/***/ })
|
|
|
|
|
/******/ ]);
|
|
|
|
|
});
|
Lars Jung
6 years ago