diff --git a/javascript/src/iframe/viamapi-iframe.js b/javascript/src/iframe/viamapi-iframe.js
index 370ce07850a582ae24d93a45c646a8e8a512fdb1..3f1078d8c4617558d6a0f129ca834a288ab23026 100644
--- a/javascript/src/iframe/viamapi-iframe.js
+++ b/javascript/src/iframe/viamapi-iframe.js
@@ -34,6 +34,7 @@ import { signPdf } from "../utilities/pdfUtilities";
import CryptoData from "../CryptoData";
import Identity from "../Identity";
import { STATUS_DEVICE_REVOKED } from "../constants/statuses";
+import generateQrCode from '../utilities/generateQrCode';
const penpalMethods = require("../../temp/penpal-methods").default;
const WopiAPI = require("./wopiapi-iframe");
@@ -1547,6 +1548,7 @@ const connection = Penpal.connectToParent({
const signedVCardImageData = new ImageData(signVCardResponse.data);
return encodeResponse("200", signedVCardImageData, "vCard signed");
},
+ generateQrCode,
documentCreateDocument: async (passportUUID, path, contentType, title) => {
const authenticationPublicKey = localStorage.getItem(
"authenticatedIdentity"
diff --git a/javascript/src/lib/easy.qrcode.js b/javascript/src/lib/easy.qrcode.js
new file mode 100644
index 0000000000000000000000000000000000000000..b895b3abb56f89b04a42000e41059311ff2a784c
--- /dev/null
+++ b/javascript/src/lib/easy.qrcode.js
@@ -0,0 +1,2179 @@
+/**
+ * EasyQRCodeJS
+ *
+ * Cross-browser QRCode generator for pure javascript. Support Dot style, Logo, Background image, Colorful, Title, etc. Support Angular, Vue.js, React framework. (Running with DOM on client side)
+ *
+ * Version 3.2.1
+ *
+ * @author [ inthinkcolor@gmail.com ]
+ *
+ * @see https://github.com/ushelp/EasyQRCodeJS
+ * @see http://www.easyproject.cn/easyqrcodejs/tryit.html
+ * @see https://github.com/ushelp/EasyQRCodeJS-NodeJS
+ *
+ * Copyright 2017 Ray, EasyProject
+ * Released under the MIT license
+ *
+ * [Support AMD, CMD, CommonJS/Node.js]
+ *
+ */
+(function() {
+ // å¯ç”¨ä¸¥æ ¼æ¨¡å¼
+ "use strict";
+
+ // 自定义局部 undefined å˜é‡
+ var undefined;
+
+ /** Node.js global 检测. */
+ var freeGlobal =
+ typeof global == "object" && global && global.Object === Object && global;
+
+ /** `self` å˜é‡æ£€æµ‹. */
+ var freeSelf =
+ typeof self == "object" && self && self.Object === Object && self;
+
+ /** 全局对象检测. */
+ var root = freeGlobal || freeSelf || Function("return this")();
+
+ /** `exports` å˜é‡æ£€æµ‹. */
+ var freeExports =
+ typeof exports == "object" && exports && !exports.nodeType && exports;
+
+ /** `module` å˜é‡æ£€æµ‹. */
+ var freeModule =
+ freeExports &&
+ typeof module == "object" &&
+ module &&
+ !module.nodeType &&
+ module;
+
+ var _QRCode = root.QRCode;
+
+ var QRCode;
+
+ function QR8bitByte(data) {
+ this.mode = QRMode.MODE_8BIT_BYTE;
+ this.data = data;
+ this.parsedData = [];
+
+ // Added to support UTF-8 Characters
+ for (var i = 0, l = this.data.length; i < l; i++) {
+ var byteArray = [];
+ var code = this.data.charCodeAt(i);
+
+ if (code > 0x10000) {
+ byteArray[0] = 0xf0 | ((code & 0x1c0000) >>> 18);
+ byteArray[1] = 0x80 | ((code & 0x3f000) >>> 12);
+ byteArray[2] = 0x80 | ((code & 0xfc0) >>> 6);
+ byteArray[3] = 0x80 | (code & 0x3f);
+ } else if (code > 0x800) {
+ byteArray[0] = 0xe0 | ((code & 0xf000) >>> 12);
+ byteArray[1] = 0x80 | ((code & 0xfc0) >>> 6);
+ byteArray[2] = 0x80 | (code & 0x3f);
+ } else if (code > 0x80) {
+ byteArray[0] = 0xc0 | ((code & 0x7c0) >>> 6);
+ byteArray[1] = 0x80 | (code & 0x3f);
+ } else {
+ byteArray[0] = code;
+ }
+
+ this.parsedData.push(byteArray);
+ }
+
+ this.parsedData = Array.prototype.concat.apply([], this.parsedData);
+
+ if (this.parsedData.length != this.data.length) {
+ this.parsedData.unshift(191);
+ this.parsedData.unshift(187);
+ this.parsedData.unshift(239);
+ }
+ }
+
+ QR8bitByte.prototype = {
+ getLength: function(buffer) {
+ return this.parsedData.length;
+ },
+ write: function(buffer) {
+ for (var i = 0, l = this.parsedData.length; i < l; i++) {
+ buffer.put(this.parsedData[i], 8);
+ }
+ }
+ };
+
+ function QRCodeModel(typeNumber, errorCorrectLevel) {
+ this.typeNumber = typeNumber;
+ this.errorCorrectLevel = errorCorrectLevel;
+ this.modules = null;
+ this.moduleCount = 0;
+ this.dataCache = null;
+ this.dataList = [];
+ }
+
+ QRCodeModel.prototype = {
+ addData: function(data) {
+ var newData = new QR8bitByte(data);
+ this.dataList.push(newData);
+ this.dataCache = null;
+ },
+ isDark: function(row, col) {
+ if (
+ row < 0 ||
+ this.moduleCount <= row ||
+ col < 0 ||
+ this.moduleCount <= col
+ ) {
+ throw new Error(row + "," + col);
+ }
+ return this.modules[row][col][0];
+ },
+ getEye: function(row, col) {
+ if (
+ row < 0 ||
+ this.moduleCount <= row ||
+ col < 0 ||
+ this.moduleCount <= col
+ ) {
+ throw new Error(row + "," + col);
+ }
+
+ var block = this.modules[row][col]; // [isDark(ture/false), EyeOuterOrInner(O/I), Position(TL/TR/BL/A) ]
+
+ if (block[1]) {
+ var type = "P" + block[1] + "_" + block[2]; //PO_TL, PI_TL, PO_TR, PI_TR, PO_BL, PI_BL
+ if (block[2] == "A") {
+ type = "A" + block[1]; // AI, AO
+ }
+
+ return {
+ isDark: block[0],
+ type: type
+ };
+ } else {
+ return null;
+ }
+ },
+ getModuleCount: function() {
+ return this.moduleCount;
+ },
+ make: function() {
+ this.makeImpl(false, this.getBestMaskPattern());
+ },
+ makeImpl: function(test, maskPattern) {
+ this.moduleCount = this.typeNumber * 4 + 17;
+ this.modules = new Array(this.moduleCount);
+ for (var row = 0; row < this.moduleCount; row++) {
+ this.modules[row] = new Array(this.moduleCount);
+ for (var col = 0; col < this.moduleCount; col++) {
+ this.modules[row][col] = []; // [isDark(ture/false), EyeOuterOrInner(O/I), Position(TL/TR/BL) ]
+ }
+ }
+ this.setupPositionProbePattern(0, 0, "TL"); // TopLeft, TL
+ this.setupPositionProbePattern(this.moduleCount - 7, 0, "BL"); // BotoomLeft, BL
+ this.setupPositionProbePattern(0, this.moduleCount - 7, "TR"); // TopRight, TR
+ this.setupPositionAdjustPattern("A"); // Alignment, A
+ this.setupTimingPattern();
+ this.setupTypeInfo(test, maskPattern);
+ if (this.typeNumber >= 7) {
+ this.setupTypeNumber(test);
+ }
+ if (this.dataCache == null) {
+ this.dataCache = QRCodeModel.createData(
+ this.typeNumber,
+ this.errorCorrectLevel,
+ this.dataList
+ );
+ }
+ this.mapData(this.dataCache, maskPattern);
+ },
+ setupPositionProbePattern: function(row, col, posName) {
+ for (var r = -1; r <= 7; r++) {
+ if (row + r <= -1 || this.moduleCount <= row + r) continue;
+ for (var c = -1; c <= 7; c++) {
+ if (col + c <= -1 || this.moduleCount <= col + c) continue;
+ if (
+ (0 <= r && r <= 6 && (c == 0 || c == 6)) ||
+ (0 <= c && c <= 6 && (r == 0 || r == 6)) ||
+ (2 <= r && r <= 4 && 2 <= c && c <= 4)
+ ) {
+ this.modules[row + r][col + c][0] = true;
+
+ this.modules[row + r][col + c][2] = posName; // Position
+ if (r == -0 || c == -0 || r == 6 || c == 6) {
+ this.modules[row + r][col + c][1] = "O"; // Position Outer
+ } else {
+ this.modules[row + r][col + c][1] = "I"; // Position Inner
+ }
+ } else {
+ this.modules[row + r][col + c][0] = false;
+ }
+ }
+ }
+ },
+ getBestMaskPattern: function() {
+ var minLostPoint = 0;
+ var pattern = 0;
+ for (var i = 0; i < 8; i++) {
+ this.makeImpl(true, i);
+ var lostPoint = QRUtil.getLostPoint(this);
+ if (i == 0 || minLostPoint > lostPoint) {
+ minLostPoint = lostPoint;
+ pattern = i;
+ }
+ }
+ return pattern;
+ },
+ createMovieClip: function(target_mc, instance_name, depth) {
+ var qr_mc = target_mc.createEmptyMovieClip(instance_name, depth);
+ var cs = 1;
+ this.make();
+ for (var row = 0; row < this.modules.length; row++) {
+ var y = row * cs;
+ for (var col = 0; col < this.modules[row].length; col++) {
+ var x = col * cs;
+ var dark = this.modules[row][col][0];
+ if (dark) {
+ qr_mc.beginFill(0, 100);
+ qr_mc.moveTo(x, y);
+ qr_mc.lineTo(x + cs, y);
+ qr_mc.lineTo(x + cs, y + cs);
+ qr_mc.lineTo(x, y + cs);
+ qr_mc.endFill();
+ }
+ }
+ }
+ return qr_mc;
+ },
+ setupTimingPattern: function() {
+ for (var r = 8; r < this.moduleCount - 8; r++) {
+ if (this.modules[r][6][0] != null) {
+ continue;
+ }
+ this.modules[r][6][0] = r % 2 == 0;
+ }
+ for (var c = 8; c < this.moduleCount - 8; c++) {
+ if (this.modules[6][c][0] != null) {
+ continue;
+ }
+ this.modules[6][c][0] = c % 2 == 0;
+ }
+ },
+ setupPositionAdjustPattern: function(posName) {
+ var pos = QRUtil.getPatternPosition(this.typeNumber);
+ for (var i = 0; i < pos.length; i++) {
+ for (var j = 0; j < pos.length; j++) {
+ var row = pos[i];
+ var col = pos[j];
+ if (this.modules[row][col][0] != null) {
+ continue;
+ }
+ for (var r = -2; r <= 2; r++) {
+ for (var c = -2; c <= 2; c++) {
+ if (
+ r == -2 ||
+ r == 2 ||
+ c == -2 ||
+ c == 2 ||
+ (r == 0 && c == 0)
+ ) {
+ this.modules[row + r][col + c][0] = true;
+ this.modules[row + r][col + c][2] = posName; // Position
+ if (r == -2 || c == -2 || r == 2 || c == 2) {
+ this.modules[row + r][col + c][1] = "O"; // Position Outer
+ } else {
+ this.modules[row + r][col + c][1] = "I"; // Position Inner
+ }
+ } else {
+ this.modules[row + r][col + c][0] = false;
+ }
+ }
+ }
+ }
+ }
+ },
+ setupTypeNumber: function(test) {
+ var bits = QRUtil.getBCHTypeNumber(this.typeNumber);
+ for (var i = 0; i < 18; i++) {
+ var mod = !test && ((bits >> i) & 1) == 1;
+ this.modules[Math.floor(i / 3)][
+ (i % 3) + this.moduleCount - 8 - 3
+ ][0] = mod;
+ }
+ for (var i = 0; i < 18; i++) {
+ var mod = !test && ((bits >> i) & 1) == 1;
+ this.modules[(i % 3) + this.moduleCount - 8 - 3][
+ Math.floor(i / 3)
+ ][0] = mod;
+ }
+ },
+ setupTypeInfo: function(test, maskPattern) {
+ var data = (this.errorCorrectLevel << 3) | maskPattern;
+ var bits = QRUtil.getBCHTypeInfo(data);
+ for (var i = 0; i < 15; i++) {
+ var mod = !test && ((bits >> i) & 1) == 1;
+ if (i < 6) {
+ this.modules[i][8][0] = mod;
+ } else if (i < 8) {
+ this.modules[i + 1][8][0] = mod;
+ } else {
+ this.modules[this.moduleCount - 15 + i][8][0] = mod;
+ }
+ }
+ for (var i = 0; i < 15; i++) {
+ var mod = !test && ((bits >> i) & 1) == 1;
+ if (i < 8) {
+ this.modules[8][this.moduleCount - i - 1][0] = mod;
+ } else if (i < 9) {
+ this.modules[8][15 - i - 1 + 1][0] = mod;
+ } else {
+ this.modules[8][15 - i - 1][0] = mod;
+ }
+ }
+ this.modules[this.moduleCount - 8][8][0] = !test;
+ },
+ mapData: function(data, maskPattern) {
+ var inc = -1;
+ var row = this.moduleCount - 1;
+ var bitIndex = 7;
+ var byteIndex = 0;
+ for (var col = this.moduleCount - 1; col > 0; col -= 2) {
+ if (col == 6) col--;
+ while (true) {
+ for (var c = 0; c < 2; c++) {
+ if (this.modules[row][col - c][0] == null) {
+ var dark = false;
+ if (byteIndex < data.length) {
+ dark = ((data[byteIndex] >>> bitIndex) & 1) == 1;
+ }
+ var mask = QRUtil.getMask(maskPattern, row, col - c);
+ if (mask) {
+ dark = !dark;
+ }
+ this.modules[row][col - c][0] = dark;
+ bitIndex--;
+ if (bitIndex == -1) {
+ byteIndex++;
+ bitIndex = 7;
+ }
+ }
+ }
+ row += inc;
+ if (row < 0 || this.moduleCount <= row) {
+ row -= inc;
+ inc = -inc;
+ break;
+ }
+ }
+ }
+ }
+ };
+ QRCodeModel.PAD0 = 0xec;
+ QRCodeModel.PAD1 = 0x11;
+ QRCodeModel.createData = function(typeNumber, errorCorrectLevel, dataList) {
+ var rsBlocks = QRRSBlock.getRSBlocks(typeNumber, errorCorrectLevel);
+ var buffer = new QRBitBuffer();
+ for (var i = 0; i < dataList.length; i++) {
+ var data = dataList[i];
+ buffer.put(data.mode, 4);
+ buffer.put(
+ data.getLength(),
+ QRUtil.getLengthInBits(data.mode, typeNumber)
+ );
+ data.write(buffer);
+ }
+ var totalDataCount = 0;
+ for (var i = 0; i < rsBlocks.length; i++) {
+ totalDataCount += rsBlocks[i].dataCount;
+ }
+ if (buffer.getLengthInBits() > totalDataCount * 8) {
+ throw new Error(
+ "code length overflow. (" +
+ buffer.getLengthInBits() +
+ ">" +
+ totalDataCount * 8 +
+ ")"
+ );
+ }
+ if (buffer.getLengthInBits() + 4 <= totalDataCount * 8) {
+ buffer.put(0, 4);
+ }
+ while (buffer.getLengthInBits() % 8 != 0) {
+ buffer.putBit(false);
+ }
+ while (true) {
+ if (buffer.getLengthInBits() >= totalDataCount * 8) {
+ break;
+ }
+ buffer.put(QRCodeModel.PAD0, 8);
+ if (buffer.getLengthInBits() >= totalDataCount * 8) {
+ break;
+ }
+ buffer.put(QRCodeModel.PAD1, 8);
+ }
+ return QRCodeModel.createBytes(buffer, rsBlocks);
+ };
+ QRCodeModel.createBytes = function(buffer, rsBlocks) {
+ var offset = 0;
+ var maxDcCount = 0;
+ var maxEcCount = 0;
+ var dcdata = new Array(rsBlocks.length);
+ var ecdata = new Array(rsBlocks.length);
+ for (var r = 0; r < rsBlocks.length; r++) {
+ var dcCount = rsBlocks[r].dataCount;
+ var ecCount = rsBlocks[r].totalCount - dcCount;
+ maxDcCount = Math.max(maxDcCount, dcCount);
+ maxEcCount = Math.max(maxEcCount, ecCount);
+ dcdata[r] = new Array(dcCount);
+ for (var i = 0; i < dcdata[r].length; i++) {
+ dcdata[r][i] = 0xff & buffer.buffer[i + offset];
+ }
+ offset += dcCount;
+ var rsPoly = QRUtil.getErrorCorrectPolynomial(ecCount);
+ var rawPoly = new QRPolynomial(dcdata[r], rsPoly.getLength() - 1);
+ var modPoly = rawPoly.mod(rsPoly);
+ ecdata[r] = new Array(rsPoly.getLength() - 1);
+ for (var i = 0; i < ecdata[r].length; i++) {
+ var modIndex = i + modPoly.getLength() - ecdata[r].length;
+ ecdata[r][i] = modIndex >= 0 ? modPoly.get(modIndex) : 0;
+ }
+ }
+ var totalCodeCount = 0;
+ for (var i = 0; i < rsBlocks.length; i++) {
+ totalCodeCount += rsBlocks[i].totalCount;
+ }
+ var data = new Array(totalCodeCount);
+ var index = 0;
+ for (var i = 0; i < maxDcCount; i++) {
+ for (var r = 0; r < rsBlocks.length; r++) {
+ if (i < dcdata[r].length) {
+ data[index++] = dcdata[r][i];
+ }
+ }
+ }
+ for (var i = 0; i < maxEcCount; i++) {
+ for (var r = 0; r < rsBlocks.length; r++) {
+ if (i < ecdata[r].length) {
+ data[index++] = ecdata[r][i];
+ }
+ }
+ }
+ return data;
+ };
+ var QRMode = {
+ MODE_NUMBER: 1 << 0,
+ MODE_ALPHA_NUM: 1 << 1,
+ MODE_8BIT_BYTE: 1 << 2,
+ MODE_KANJI: 1 << 3
+ };
+ var QRErrorCorrectLevel = {
+ L: 1,
+ M: 0,
+ Q: 3,
+ H: 2
+ };
+ var QRMaskPattern = {
+ PATTERN000: 0,
+ PATTERN001: 1,
+ PATTERN010: 2,
+ PATTERN011: 3,
+ PATTERN100: 4,
+ PATTERN101: 5,
+ PATTERN110: 6,
+ PATTERN111: 7
+ };
+ var QRUtil = {
+ PATTERN_POSITION_TABLE: [
+ [],
+ [6, 18],
+ [6, 22],
+ [6, 26],
+ [6, 30],
+ [6, 34],
+ [6, 22, 38],
+ [6, 24, 42],
+ [6, 26, 46],
+ [6, 28, 50],
+ [6, 30, 54],
+ [6, 32, 58],
+ [6, 34, 62],
+ [6, 26, 46, 66],
+ [6, 26, 48, 70],
+ [6, 26, 50, 74],
+ [6, 30, 54, 78],
+ [6, 30, 56, 82],
+ [6, 30, 58, 86],
+ [6, 34, 62, 90],
+ [6, 28, 50, 72, 94],
+ [6, 26, 50, 74, 98],
+ [6, 30, 54, 78, 102],
+ [6, 28, 54, 80, 106],
+ [6, 32, 58, 84, 110],
+ [6, 30, 58, 86, 114],
+ [6, 34, 62, 90, 118],
+ [6, 26, 50, 74, 98, 122],
+ [6, 30, 54, 78, 102, 126],
+ [6, 26, 52, 78, 104, 130],
+ [6, 30, 56, 82, 108, 134],
+ [6, 34, 60, 86, 112, 138],
+ [6, 30, 58, 86, 114, 142],
+ [6, 34, 62, 90, 118, 146],
+ [6, 30, 54, 78, 102, 126, 150],
+ [6, 24, 50, 76, 102, 128, 154],
+ [6, 28, 54, 80, 106, 132, 158],
+ [6, 32, 58, 84, 110, 136, 162],
+ [6, 26, 54, 82, 110, 138, 166],
+ [6, 30, 58, 86, 114, 142, 170]
+ ],
+ G15:
+ (1 << 10) |
+ (1 << 8) |
+ (1 << 5) |
+ (1 << 4) |
+ (1 << 2) |
+ (1 << 1) |
+ (1 << 0),
+ G18:
+ (1 << 12) |
+ (1 << 11) |
+ (1 << 10) |
+ (1 << 9) |
+ (1 << 8) |
+ (1 << 5) |
+ (1 << 2) |
+ (1 << 0),
+ G15_MASK: (1 << 14) | (1 << 12) | (1 << 10) | (1 << 4) | (1 << 1),
+ getBCHTypeInfo: function(data) {
+ var d = data << 10;
+ while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15) >= 0) {
+ d ^=
+ QRUtil.G15 <<
+ (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15));
+ }
+ return ((data << 10) | d) ^ QRUtil.G15_MASK;
+ },
+ getBCHTypeNumber: function(data) {
+ var d = data << 12;
+ while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18) >= 0) {
+ d ^=
+ QRUtil.G18 <<
+ (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18));
+ }
+ return (data << 12) | d;
+ },
+ getBCHDigit: function(data) {
+ var digit = 0;
+ while (data != 0) {
+ digit++;
+ data >>>= 1;
+ }
+ return digit;
+ },
+ getPatternPosition: function(typeNumber) {
+ return QRUtil.PATTERN_POSITION_TABLE[typeNumber - 1];
+ },
+ getMask: function(maskPattern, i, j) {
+ switch (maskPattern) {
+ case QRMaskPattern.PATTERN000:
+ return (i + j) % 2 == 0;
+ case QRMaskPattern.PATTERN001:
+ return i % 2 == 0;
+ case QRMaskPattern.PATTERN010:
+ return j % 3 == 0;
+ case QRMaskPattern.PATTERN011:
+ return (i + j) % 3 == 0;
+ case QRMaskPattern.PATTERN100:
+ return (Math.floor(i / 2) + Math.floor(j / 3)) % 2 == 0;
+ case QRMaskPattern.PATTERN101:
+ return ((i * j) % 2) + ((i * j) % 3) == 0;
+ case QRMaskPattern.PATTERN110:
+ return (((i * j) % 2) + ((i * j) % 3)) % 2 == 0;
+ case QRMaskPattern.PATTERN111:
+ return (((i * j) % 3) + ((i + j) % 2)) % 2 == 0;
+ default:
+ throw new Error("bad maskPattern:" + maskPattern);
+ }
+ },
+ getErrorCorrectPolynomial: function(errorCorrectLength) {
+ var a = new QRPolynomial([1], 0);
+ for (var i = 0; i < errorCorrectLength; i++) {
+ a = a.multiply(new QRPolynomial([1, QRMath.gexp(i)], 0));
+ }
+ return a;
+ },
+ getLengthInBits: function(mode, type) {
+ if (1 <= type && type < 10) {
+ switch (mode) {
+ case QRMode.MODE_NUMBER:
+ return 10;
+ case QRMode.MODE_ALPHA_NUM:
+ return 9;
+ case QRMode.MODE_8BIT_BYTE:
+ return 8;
+ case QRMode.MODE_KANJI:
+ return 8;
+ default:
+ throw new Error("mode:" + mode);
+ }
+ } else if (type < 27) {
+ switch (mode) {
+ case QRMode.MODE_NUMBER:
+ return 12;
+ case QRMode.MODE_ALPHA_NUM:
+ return 11;
+ case QRMode.MODE_8BIT_BYTE:
+ return 16;
+ case QRMode.MODE_KANJI:
+ return 10;
+ default:
+ throw new Error("mode:" + mode);
+ }
+ } else if (type < 41) {
+ switch (mode) {
+ case QRMode.MODE_NUMBER:
+ return 14;
+ case QRMode.MODE_ALPHA_NUM:
+ return 13;
+ case QRMode.MODE_8BIT_BYTE:
+ return 16;
+ case QRMode.MODE_KANJI:
+ return 12;
+ default:
+ throw new Error("mode:" + mode);
+ }
+ } else {
+ throw new Error("type:" + type);
+ }
+ },
+ getLostPoint: function(qrCode) {
+ var moduleCount = qrCode.getModuleCount();
+ var lostPoint = 0;
+ for (var row = 0; row < moduleCount; row++) {
+ for (var col = 0; col < moduleCount; col++) {
+ var sameCount = 0;
+ var dark = qrCode.isDark(row, col);
+ for (var r = -1; r <= 1; r++) {
+ if (row + r < 0 || moduleCount <= row + r) {
+ continue;
+ }
+ for (var c = -1; c <= 1; c++) {
+ if (col + c < 0 || moduleCount <= col + c) {
+ continue;
+ }
+ if (r == 0 && c == 0) {
+ continue;
+ }
+ if (dark == qrCode.isDark(row + r, col + c)) {
+ sameCount++;
+ }
+ }
+ }
+ if (sameCount > 5) {
+ lostPoint += 3 + sameCount - 5;
+ }
+ }
+ }
+ for (var row = 0; row < moduleCount - 1; row++) {
+ for (var col = 0; col < moduleCount - 1; col++) {
+ var count = 0;
+ if (qrCode.isDark(row, col)) count++;
+ if (qrCode.isDark(row + 1, col)) count++;
+ if (qrCode.isDark(row, col + 1)) count++;
+ if (qrCode.isDark(row + 1, col + 1)) count++;
+ if (count == 0 || count == 4) {
+ lostPoint += 3;
+ }
+ }
+ }
+ for (var row = 0; row < moduleCount; row++) {
+ for (var col = 0; col < moduleCount - 6; col++) {
+ if (
+ qrCode.isDark(row, col) &&
+ !qrCode.isDark(row, col + 1) &&
+ qrCode.isDark(row, col + 2) &&
+ qrCode.isDark(row, col + 3) &&
+ qrCode.isDark(row, col + 4) &&
+ !qrCode.isDark(row, col + 5) &&
+ qrCode.isDark(row, col + 6)
+ ) {
+ lostPoint += 40;
+ }
+ }
+ }
+ for (var col = 0; col < moduleCount; col++) {
+ for (var row = 0; row < moduleCount - 6; row++) {
+ if (
+ qrCode.isDark(row, col) &&
+ !qrCode.isDark(row + 1, col) &&
+ qrCode.isDark(row + 2, col) &&
+ qrCode.isDark(row + 3, col) &&
+ qrCode.isDark(row + 4, col) &&
+ !qrCode.isDark(row + 5, col) &&
+ qrCode.isDark(row + 6, col)
+ ) {
+ lostPoint += 40;
+ }
+ }
+ }
+ var darkCount = 0;
+ for (var col = 0; col < moduleCount; col++) {
+ for (var row = 0; row < moduleCount; row++) {
+ if (qrCode.isDark(row, col)) {
+ darkCount++;
+ }
+ }
+ }
+ var ratio =
+ Math.abs((100 * darkCount) / moduleCount / moduleCount - 50) / 5;
+ lostPoint += ratio * 10;
+ return lostPoint;
+ }
+ };
+ var QRMath = {
+ glog: function(n) {
+ if (n < 1) {
+ throw new Error("glog(" + n + ")");
+ }
+ return QRMath.LOG_TABLE[n];
+ },
+ gexp: function(n) {
+ while (n < 0) {
+ n += 255;
+ }
+ while (n >= 256) {
+ n -= 255;
+ }
+ return QRMath.EXP_TABLE[n];
+ },
+ EXP_TABLE: new Array(256),
+ LOG_TABLE: new Array(256)
+ };
+ for (var i = 0; i < 8; i++) {
+ QRMath.EXP_TABLE[i] = 1 << i;
+ }
+ for (var i = 8; i < 256; i++) {
+ QRMath.EXP_TABLE[i] =
+ QRMath.EXP_TABLE[i - 4] ^
+ QRMath.EXP_TABLE[i - 5] ^
+ QRMath.EXP_TABLE[i - 6] ^
+ QRMath.EXP_TABLE[i - 8];
+ }
+ for (var i = 0; i < 255; i++) {
+ QRMath.LOG_TABLE[QRMath.EXP_TABLE[i]] = i;
+ }
+
+ function QRPolynomial(num, shift) {
+ if (num.length == undefined) {
+ throw new Error(num.length + "/" + shift);
+ }
+ var offset = 0;
+ while (offset < num.length && num[offset] == 0) {
+ offset++;
+ }
+ this.num = new Array(num.length - offset + shift);
+ for (var i = 0; i < num.length - offset; i++) {
+ this.num[i] = num[i + offset];
+ }
+ }
+ QRPolynomial.prototype = {
+ get: function(index) {
+ return this.num[index];
+ },
+ getLength: function() {
+ return this.num.length;
+ },
+ multiply: function(e) {
+ var num = new Array(this.getLength() + e.getLength() - 1);
+ for (var i = 0; i < this.getLength(); i++) {
+ for (var j = 0; j < e.getLength(); j++) {
+ num[i + j] ^= QRMath.gexp(
+ QRMath.glog(this.get(i)) + QRMath.glog(e.get(j))
+ );
+ }
+ }
+ return new QRPolynomial(num, 0);
+ },
+ mod: function(e) {
+ if (this.getLength() - e.getLength() < 0) {
+ return this;
+ }
+ var ratio = QRMath.glog(this.get(0)) - QRMath.glog(e.get(0));
+ var num = new Array(this.getLength());
+ for (var i = 0; i < this.getLength(); i++) {
+ num[i] = this.get(i);
+ }
+ for (var i = 0; i < e.getLength(); i++) {
+ num[i] ^= QRMath.gexp(QRMath.glog(e.get(i)) + ratio);
+ }
+ return new QRPolynomial(num, 0).mod(e);
+ }
+ };
+
+ function QRRSBlock(totalCount, dataCount) {
+ this.totalCount = totalCount;
+ this.dataCount = dataCount;
+ }
+ QRRSBlock.RS_BLOCK_TABLE = [
+ [1, 26, 19],
+ [1, 26, 16],
+ [1, 26, 13],
+ [1, 26, 9],
+ [1, 44, 34],
+ [1, 44, 28],
+ [1, 44, 22],
+ [1, 44, 16],
+ [1, 70, 55],
+ [1, 70, 44],
+ [2, 35, 17],
+ [2, 35, 13],
+ [1, 100, 80],
+ [2, 50, 32],
+ [2, 50, 24],
+ [4, 25, 9],
+ [1, 134, 108],
+ [2, 67, 43],
+ [2, 33, 15, 2, 34, 16],
+ [2, 33, 11, 2, 34, 12],
+ [2, 86, 68],
+ [4, 43, 27],
+ [4, 43, 19],
+ [4, 43, 15],
+ [2, 98, 78],
+ [4, 49, 31],
+ [2, 32, 14, 4, 33, 15],
+ [4, 39, 13, 1, 40, 14],
+ [2, 121, 97],
+ [2, 60, 38, 2, 61, 39],
+ [4, 40, 18, 2, 41, 19],
+ [4, 40, 14, 2, 41, 15],
+ [2, 146, 116],
+ [3, 58, 36, 2, 59, 37],
+ [4, 36, 16, 4, 37, 17],
+ [4, 36, 12, 4, 37, 13],
+ [2, 86, 68, 2, 87, 69],
+ [4, 69, 43, 1, 70, 44],
+ [6, 43, 19, 2, 44, 20],
+ [6, 43, 15, 2, 44, 16],
+ [4, 101, 81],
+ [1, 80, 50, 4, 81, 51],
+ [4, 50, 22, 4, 51, 23],
+ [3, 36, 12, 8, 37, 13],
+ [2, 116, 92, 2, 117, 93],
+ [6, 58, 36, 2, 59, 37],
+ [4, 46, 20, 6, 47, 21],
+ [7, 42, 14, 4, 43, 15],
+ [4, 133, 107],
+ [8, 59, 37, 1, 60, 38],
+ [8, 44, 20, 4, 45, 21],
+ [12, 33, 11, 4, 34, 12],
+ [3, 145, 115, 1, 146, 116],
+ [4, 64, 40, 5, 65, 41],
+ [11, 36, 16, 5, 37, 17],
+ [11, 36, 12, 5, 37, 13],
+ [5, 109, 87, 1, 110, 88],
+ [5, 65, 41, 5, 66, 42],
+ [5, 54, 24, 7, 55, 25],
+ [11, 36, 12],
+ [5, 122, 98, 1, 123, 99],
+ [7, 73, 45, 3, 74, 46],
+ [15, 43, 19, 2, 44, 20],
+ [3, 45, 15, 13, 46, 16],
+ [1, 135, 107, 5, 136, 108],
+ [10, 74, 46, 1, 75, 47],
+ [1, 50, 22, 15, 51, 23],
+ [2, 42, 14, 17, 43, 15],
+ [5, 150, 120, 1, 151, 121],
+ [9, 69, 43, 4, 70, 44],
+ [17, 50, 22, 1, 51, 23],
+ [2, 42, 14, 19, 43, 15],
+ [3, 141, 113, 4, 142, 114],
+ [3, 70, 44, 11, 71, 45],
+ [17, 47, 21, 4, 48, 22],
+ [9, 39, 13, 16, 40, 14],
+ [3, 135, 107, 5, 136, 108],
+ [3, 67, 41, 13, 68, 42],
+ [15, 54, 24, 5, 55, 25],
+ [15, 43, 15, 10, 44, 16],
+ [4, 144, 116, 4, 145, 117],
+ [17, 68, 42],
+ [17, 50, 22, 6, 51, 23],
+ [19, 46, 16, 6, 47, 17],
+ [2, 139, 111, 7, 140, 112],
+ [17, 74, 46],
+ [7, 54, 24, 16, 55, 25],
+ [34, 37, 13],
+ [4, 151, 121, 5, 152, 122],
+ [4, 75, 47, 14, 76, 48],
+ [11, 54, 24, 14, 55, 25],
+ [16, 45, 15, 14, 46, 16],
+ [6, 147, 117, 4, 148, 118],
+ [6, 73, 45, 14, 74, 46],
+ [11, 54, 24, 16, 55, 25],
+ [30, 46, 16, 2, 47, 17],
+ [8, 132, 106, 4, 133, 107],
+ [8, 75, 47, 13, 76, 48],
+ [7, 54, 24, 22, 55, 25],
+ [22, 45, 15, 13, 46, 16],
+ [10, 142, 114, 2, 143, 115],
+ [19, 74, 46, 4, 75, 47],
+ [28, 50, 22, 6, 51, 23],
+ [33, 46, 16, 4, 47, 17],
+ [8, 152, 122, 4, 153, 123],
+ [22, 73, 45, 3, 74, 46],
+ [8, 53, 23, 26, 54, 24],
+ [12, 45, 15, 28, 46, 16],
+ [3, 147, 117, 10, 148, 118],
+ [3, 73, 45, 23, 74, 46],
+ [4, 54, 24, 31, 55, 25],
+ [11, 45, 15, 31, 46, 16],
+ [7, 146, 116, 7, 147, 117],
+ [21, 73, 45, 7, 74, 46],
+ [1, 53, 23, 37, 54, 24],
+ [19, 45, 15, 26, 46, 16],
+ [5, 145, 115, 10, 146, 116],
+ [19, 75, 47, 10, 76, 48],
+ [15, 54, 24, 25, 55, 25],
+ [23, 45, 15, 25, 46, 16],
+ [13, 145, 115, 3, 146, 116],
+ [2, 74, 46, 29, 75, 47],
+ [42, 54, 24, 1, 55, 25],
+ [23, 45, 15, 28, 46, 16],
+ [17, 145, 115],
+ [10, 74, 46, 23, 75, 47],
+ [10, 54, 24, 35, 55, 25],
+ [19, 45, 15, 35, 46, 16],
+ [17, 145, 115, 1, 146, 116],
+ [14, 74, 46, 21, 75, 47],
+ [29, 54, 24, 19, 55, 25],
+ [11, 45, 15, 46, 46, 16],
+ [13, 145, 115, 6, 146, 116],
+ [14, 74, 46, 23, 75, 47],
+ [44, 54, 24, 7, 55, 25],
+ [59, 46, 16, 1, 47, 17],
+ [12, 151, 121, 7, 152, 122],
+ [12, 75, 47, 26, 76, 48],
+ [39, 54, 24, 14, 55, 25],
+ [22, 45, 15, 41, 46, 16],
+ [6, 151, 121, 14, 152, 122],
+ [6, 75, 47, 34, 76, 48],
+ [46, 54, 24, 10, 55, 25],
+ [2, 45, 15, 64, 46, 16],
+ [17, 152, 122, 4, 153, 123],
+ [29, 74, 46, 14, 75, 47],
+ [49, 54, 24, 10, 55, 25],
+ [24, 45, 15, 46, 46, 16],
+ [4, 152, 122, 18, 153, 123],
+ [13, 74, 46, 32, 75, 47],
+ [48, 54, 24, 14, 55, 25],
+ [42, 45, 15, 32, 46, 16],
+ [20, 147, 117, 4, 148, 118],
+ [40, 75, 47, 7, 76, 48],
+ [43, 54, 24, 22, 55, 25],
+ [10, 45, 15, 67, 46, 16],
+ [19, 148, 118, 6, 149, 119],
+ [18, 75, 47, 31, 76, 48],
+ [34, 54, 24, 34, 55, 25],
+ [20, 45, 15, 61, 46, 16]
+ ];
+ QRRSBlock.getRSBlocks = function(typeNumber, errorCorrectLevel) {
+ var rsBlock = QRRSBlock.getRsBlockTable(typeNumber, errorCorrectLevel);
+ if (rsBlock == undefined) {
+ throw new Error(
+ "bad rs block @ typeNumber:" +
+ typeNumber +
+ "/errorCorrectLevel:" +
+ errorCorrectLevel
+ );
+ }
+ var length = rsBlock.length / 3;
+ var list = [];
+ for (var i = 0; i < length; i++) {
+ var count = rsBlock[i * 3 + 0];
+ var totalCount = rsBlock[i * 3 + 1];
+ var dataCount = rsBlock[i * 3 + 2];
+ for (var j = 0; j < count; j++) {
+ list.push(new QRRSBlock(totalCount, dataCount));
+ }
+ }
+ return list;
+ };
+ QRRSBlock.getRsBlockTable = function(typeNumber, errorCorrectLevel) {
+ switch (errorCorrectLevel) {
+ case QRErrorCorrectLevel.L:
+ return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 0];
+ case QRErrorCorrectLevel.M:
+ return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 1];
+ case QRErrorCorrectLevel.Q:
+ return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 2];
+ case QRErrorCorrectLevel.H:
+ return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 3];
+ default:
+ return undefined;
+ }
+ };
+
+ function QRBitBuffer() {
+ this.buffer = [];
+ this.length = 0;
+ }
+ QRBitBuffer.prototype = {
+ get: function(index) {
+ var bufIndex = Math.floor(index / 8);
+ return ((this.buffer[bufIndex] >>> (7 - (index % 8))) & 1) == 1;
+ },
+ put: function(num, length) {
+ for (var i = 0; i < length; i++) {
+ this.putBit(((num >>> (length - i - 1)) & 1) == 1);
+ }
+ },
+ getLengthInBits: function() {
+ return this.length;
+ },
+ putBit: function(bit) {
+ var bufIndex = Math.floor(this.length / 8);
+ if (this.buffer.length <= bufIndex) {
+ this.buffer.push(0);
+ }
+ if (bit) {
+ this.buffer[bufIndex] |= 0x80 >>> this.length % 8;
+ }
+ this.length++;
+ }
+ };
+ var QRCodeLimitLength = [
+ [17, 14, 11, 7],
+ [32, 26, 20, 14],
+ [53, 42, 32, 24],
+ [78, 62, 46, 34],
+ [106, 84, 60, 44],
+ [134, 106, 74, 58],
+ [154, 122, 86, 64],
+ [192, 152, 108, 84],
+ [230, 180, 130, 98],
+ [271, 213, 151, 119],
+ [321, 251, 177, 137],
+ [367, 287, 203, 155],
+ [425, 331, 241, 177],
+ [458, 362, 258, 194],
+ [520, 412, 292, 220],
+ [586, 450, 322, 250],
+ [644, 504, 364, 280],
+ [718, 560, 394, 310],
+ [792, 624, 442, 338],
+ [858, 666, 482, 382],
+ [929, 711, 509, 403],
+ [1003, 779, 565, 439],
+ [1091, 857, 611, 461],
+ [1171, 911, 661, 511],
+ [1273, 997, 715, 535],
+ [1367, 1059, 751, 593],
+ [1465, 1125, 805, 625],
+ [1528, 1190, 868, 658],
+ [1628, 1264, 908, 698],
+ [1732, 1370, 982, 742],
+ [1840, 1452, 1030, 790],
+ [1952, 1538, 1112, 842],
+ [2068, 1628, 1168, 898],
+ [2188, 1722, 1228, 958],
+ [2303, 1809, 1283, 983],
+ [2431, 1911, 1351, 1051],
+ [2563, 1989, 1423, 1093],
+ [2699, 2099, 1499, 1139],
+ [2809, 2213, 1579, 1219],
+ [2953, 2331, 1663, 1273]
+ ];
+
+ function _isSupportCanvas() {
+ return typeof CanvasRenderingContext2D != "undefined";
+ }
+
+ // android 2.x doesn't support Data-URI spec
+ function _getAndroid() {
+ var android = false;
+ var sAgent = navigator.userAgent;
+
+ if (/android/i.test(sAgent)) {
+ // android
+ android = true;
+ var aMat = sAgent.toString().match(/android ([0-9]\.[0-9])/i);
+
+ if (aMat && aMat[1]) {
+ android = parseFloat(aMat[1]);
+ }
+ }
+
+ return android;
+ }
+
+ var svgDrawer = (function() {
+ var Drawing = function(el, htOption) {
+ this._el = el;
+ this._htOption = htOption;
+ };
+
+ Drawing.prototype.draw = function(oQRCode) {
+ var _htOption = this._htOption;
+ var _el = this._el;
+ var nCount = oQRCode.getModuleCount();
+ var nWidth = Math.floor(_htOption.width / nCount);
+ var nHeight = Math.floor(_htOption.height / nCount);
+
+ this.clear();
+
+ function makeSVG(tag, attrs) {
+ var el = document.createElementNS("http://www.w3.org/2000/svg", tag);
+ for (var k in attrs)
+ if (attrs.hasOwnProperty(k)) el.setAttribute(k, attrs[k]);
+ return el;
+ }
+
+ var svg = makeSVG("svg", {
+ viewBox: "0 0 " + String(nCount) + " " + String(nCount),
+ width: "100%",
+ height: "100%",
+ fill: _htOption.colorLight
+ });
+ svg.setAttributeNS(
+ "http://www.w3.org/2000/xmlns/",
+ "xmlns:xlink",
+ "http://www.w3.org/1999/xlink"
+ );
+ _el.appendChild(svg);
+
+ svg.appendChild(
+ makeSVG("rect", {
+ fill: _htOption.colorLight,
+ width: "100%",
+ height: "100%"
+ })
+ );
+ svg.appendChild(
+ makeSVG("rect", {
+ fill: _htOption.colorDark,
+ width: "1",
+ height: "1",
+ id: "template"
+ })
+ );
+
+ for (var row = 0; row < nCount; row++) {
+ for (var col = 0; col < nCount; col++) {
+ if (oQRCode.isDark(row, col)) {
+ var child = makeSVG("use", {
+ x: String(col),
+ y: String(row)
+ });
+ child.setAttributeNS(
+ "http://www.w3.org/1999/xlink",
+ "href",
+ "#template"
+ );
+ svg.appendChild(child);
+ }
+ }
+ }
+ };
+ Drawing.prototype.clear = function() {
+ while (this._el.hasChildNodes()) this._el.removeChild(this._el.lastChild);
+ };
+ return Drawing;
+ })();
+
+ var useSVG = document.documentElement.tagName.toLowerCase() === "svg";
+
+ // Drawing in DOM by using Table tag
+ var Drawing = useSVG
+ ? svgDrawer
+ : !_isSupportCanvas()
+ ? (function() {
+ var Drawing = function(el, htOption) {
+ this._el = el;
+ this._htOption = htOption;
+ };
+
+ /**
+ * Draw the QRCode
+ *
+ * @param {QRCode} oQRCode
+ */
+ Drawing.prototype.draw = function(oQRCode) {
+ var _htOption = this._htOption;
+ var _el = this._el;
+ var nCount = oQRCode.getModuleCount();
+ var nWidth = Math.round(_htOption.width / nCount);
+ var nHeight = Math.round(
+ (_htOption.height - _htOption.titleHeight) / nCount
+ );
+
+ this._htOption.width = nWidth * nCount;
+ this._htOption.height = nHeight * nCount + _htOption.titleHeight;
+
+ this._htOption.quietZone = Math.round(this._htOption.quietZone);
+
+ var aHTML = [];
+
+ var divStyle = "";
+
+ var drawWidth = Math.round(nWidth * _htOption.dotScale);
+ var drawHeight = Math.round(nHeight * _htOption.dotScale);
+ if (drawWidth < 4) {
+ drawWidth = 4;
+ drawHeight = 4;
+ }
+
+ var nonRequiredColorDark = _htOption.colorDark;
+ var nonRequiredcolorLight = _htOption.colorLight;
+ if (_htOption.backgroundImage) {
+ if (_htOption.autoColor) {
+ _htOption.colorDark =
+ "rgba(0, 0, 0, .6);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');";
+ _htOption.colorLight =
+ "rgba(255, 255, 255, .7);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#B2FFFFFF', EndColorStr='#B2FFFFFF');";
+
+ // _htOption.colorDark="rgba(0, 0, 0, .6)";
+ // _htOption.colorLight='rgba(255, 255, 255, .7)';
+ } else {
+ _htOption.colorLight = "transparent";
+ }
+
+ var backgroundImageEle =
+ '<div style="display:inline-block; z-index:-10;position:absolute;"><img src="' +
+ _htOption.backgroundImage +
+ '" widht="' +
+ (_htOption.width + _htOption.quietZone * 2) +
+ '" height="' +
+ (_htOption.height + _htOption.quietZone * 2) +
+ '" style="opacity:' +
+ _htOption.backgroundImageAlpha +
+ ";filter:alpha(opacity=" +
+ _htOption.backgroundImageAlpha * 100 +
+ '); "/></div>';
+ aHTML.push(backgroundImageEle);
+ }
+
+ if (_htOption.quietZone) {
+ divStyle =
+ "padding:" +
+ _htOption.quietZone +
+ "px; display:inline-block; width:" +
+ (_htOption.width + _htOption.quietZone * 2) +
+ "px;";
+ }
+ aHTML.push('<div style="font-size:0;' + divStyle + '">');
+
+ aHTML.push(
+ '<table style="font-size:0;border:0;border-collapse:collapse; margin-top:0;" border="0" cellspacing="0" cellspadding="0">'
+ );
+ aHTML.push(
+ '<tr height="' +
+ _htOption.titleHeight +
+ '" align="center"><td style="border:0;border-collapse:collapse;margin:0;padding:0" colspan="' +
+ nCount +
+ '">'
+ );
+ if (_htOption.title) {
+ var c = _htOption.titleColor;
+ var f = _htOption.titleFont;
+ aHTML.push(
+ '<div style="width:100%;margin-top:' +
+ _htOption.titleTop +
+ "px;color:" +
+ c +
+ ";font:" +
+ f +
+ ";background:" +
+ _htOption.titleBackgroundColor +
+ '">' +
+ _htOption.title +
+ "</div>"
+ );
+ }
+ if (_htOption.subTitle) {
+ aHTML.push(
+ '<div style="width:100%;margin-top:' +
+ (_htOption.subTitleTop - _htOption.titleTop) +
+ "px;color:" +
+ _htOption.subTitleColor +
+ "; font:" +
+ _htOption.subTitleFont +
+ '">' +
+ _htOption.subTitle +
+ "</div>"
+ );
+ }
+ aHTML.push("</td></tr>");
+ for (var row = 0; row < nCount; row++) {
+ aHTML.push(
+ '<tr style="border:0; padding:0; margin:0;" height="7">'
+ );
+
+ for (var col = 0; col < nCount; col++) {
+ var bIsDark = oQRCode.isDark(row, col);
+
+ var eye = oQRCode.getEye(row, col); // { isDark: true/false, type: PO_TL, PI_TL, PO_TR, PI_TR, PO_BL, PI_BL };
+
+ if (eye) {
+ // Is eye
+ bIsDark = eye.isDark;
+ var type = eye.type;
+
+ // PX_XX, PX, colorDark, colorLight
+ var eyeColorDark =
+ _htOption[type] ||
+ _htOption[type.substring(0, 2)] ||
+ nonRequiredColorDark;
+ aHTML.push(
+ '<td style="border:0;border-collapse:collapse;padding:0;margin:0;width:' +
+ nWidth +
+ "px;height:" +
+ nHeight +
+ 'px;">' +
+ '<span style="width:' +
+ nWidth +
+ "px;height:" +
+ nHeight +
+ "px;background-color:" +
+ (bIsDark ? eyeColorDark : nonRequiredcolorLight) +
+ ';"></span></td>'
+ );
+ } else {
+ // Timing Pattern
+ var nowDarkColor = _htOption.colorDark;
+ if (row == 6) {
+ nowDarkColor =
+ _htOption.timing_H ||
+ _htOption.timing ||
+ nonRequiredColorDark;
+ aHTML.push(
+ '<td style="border:0;border-collapse:collapse;padding:0;margin:0;width:' +
+ nWidth +
+ "px;height:" +
+ nHeight +
+ "px;background-color:" +
+ (bIsDark ? nowDarkColor : nonRequiredcolorLight) +
+ ';"></td>'
+ );
+ } else if (col == 6) {
+ nowDarkColor =
+ _htOption.timing_V ||
+ _htOption.timing ||
+ nonRequiredColorDark;
+
+ aHTML.push(
+ '<td style="border:0;border-collapse:collapse;padding:0;margin:0;width:' +
+ nWidth +
+ "px;height:" +
+ nHeight +
+ "px;background-color:" +
+ (bIsDark ? nowDarkColor : nonRequiredcolorLight) +
+ ';"></td>'
+ );
+ } else {
+ aHTML.push(
+ '<td style="border:0;border-collapse:collapse;padding:0;margin:0;width:' +
+ nWidth +
+ "px;height:" +
+ nHeight +
+ 'px;">' +
+ '<div style="display:inline-block;width:' +
+ drawWidth +
+ "px;height:" +
+ drawHeight +
+ "px;background-color:" +
+ (bIsDark ? nowDarkColor : _htOption.colorLight) +
+ ';"></div></td>'
+ );
+ }
+ }
+ }
+
+ aHTML.push("</tr>");
+ }
+
+ aHTML.push("</table>");
+ aHTML.push("</div>");
+
+ if (_htOption.logo) {
+ var img = new Image();
+ //img.crossOrigin="Anonymous";
+ img.src = _htOption.logo;
+
+ var imgW = _htOption.width / 3.5;
+ var imgH = _htOption.height / 3.5;
+ if (imgW != imgH) {
+ imgW = imgH;
+ }
+
+ if (_htOption.logoWidth) {
+ imgW = _htOption.logoWidth;
+ }
+ if (_htOption.logoHeight) {
+ imgH = _htOption.logoHeight;
+ }
+
+ var imgDivStyle =
+ "position:relative; z-index:1;display:inline-block;top:-" +
+ ((_htOption.height - _htOption.titleHeight) / 2 +
+ imgH / 2 +
+ _htOption.quietZone) +
+ "px;text-align:center; width:" +
+ imgW +
+ "px; height:" +
+ imgH +
+ "px;";
+ if (!_htOption.logoBackgroundTransparent) {
+ imgDivStyle += "background:" + _htOption.logoBackgroundColor;
+ }
+ aHTML.push(
+ '<div style="' +
+ imgDivStyle +
+ '"><img src="' +
+ _htOption.logo +
+ '" width="' +
+ imgW +
+ '" height="' +
+ imgH +
+ '" style="" /></div>'
+ );
+ }
+
+ if (_htOption.onRenderingStart) {
+ _htOption.onRenderingStart();
+ }
+
+ _el.innerHTML = aHTML.join("");
+ // Fix the margin values as real size.
+ var elTable = _el.childNodes[0];
+ var nLeftMarginTable = (_htOption.width - elTable.offsetWidth) / 2;
+ var nTopMarginTable = (_htOption.height - elTable.offsetHeight) / 2;
+ if (nLeftMarginTable > 0 && nTopMarginTable > 0) {
+ elTable.style.margin =
+ nTopMarginTable + "px " + nLeftMarginTable + "px";
+ }
+ };
+
+ /**
+ * Clear the QRCode
+ */
+ Drawing.prototype.clear = function() {
+ this._el.innerHTML = "";
+ };
+
+ return Drawing;
+ })()
+ : (function() {
+ // Drawing in Canvas
+ function _onMakeImage() {
+ //this._elImage.crossOrigin='Anonymous';
+ this._elImage.src = this._elCanvas.toDataURL("image/png");
+ this._elImage.style.display = "inline";
+ this._elCanvas.style.display = "none";
+ }
+
+ // Android 2.1 bug workaround
+ // http://code.google.com/p/android/issues/detail?id=5141
+ if (root._android && root._android <= 2.1) {
+ var factor = 1 / window.devicePixelRatio;
+ var drawImage = CanvasRenderingContext2D.prototype.drawImage;
+ CanvasRenderingContext2D.prototype.drawImage = function(
+ image,
+ sx,
+ sy,
+ sw,
+ sh,
+ dx,
+ dy,
+ dw,
+ dh
+ ) {
+ if ("nodeName" in image && /img/i.test(image.nodeName)) {
+ for (var i = arguments.length - 1; i >= 1; i--) {
+ arguments[i] = arguments[i] * factor;
+ }
+ } else if (typeof dw == "undefined") {
+ arguments[1] *= factor;
+ arguments[2] *= factor;
+ arguments[3] *= factor;
+ arguments[4] *= factor;
+ }
+
+ drawImage.apply(this, arguments);
+ };
+ }
+
+ /**
+ * Check whether the user's browser supports Data URI or not
+ *
+ * @private
+ * @param {Function} fSuccess Occurs if it supports Data URI
+ * @param {Function} fFail Occurs if it doesn't support Data URI
+ */
+ function _safeSetDataURI(fSuccess, fFail) {
+ var self = this;
+ self._fFail = fFail;
+ self._fSuccess = fSuccess;
+
+ // Check it just once
+ if (self._bSupportDataURI === null) {
+ var el = document.createElement("img");
+ var fOnError = function() {
+ self._bSupportDataURI = false;
+
+ if (self._fFail) {
+ self._fFail.call(self);
+ }
+ };
+ var fOnSuccess = function() {
+ self._bSupportDataURI = true;
+
+ if (self._fSuccess) {
+ self._fSuccess.call(self);
+ }
+ };
+
+ el.onabort = fOnError;
+ el.onerror = fOnError;
+ el.onload = fOnSuccess;
+ el.src =
+ "data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="; // the Image contains 1px data.
+ return;
+ } else if (self._bSupportDataURI === true && self._fSuccess) {
+ self._fSuccess.call(self);
+ } else if (self._bSupportDataURI === false && self._fFail) {
+ self._fFail.call(self);
+ }
+ }
+
+ /**
+ * Drawing QRCode by using canvas
+ *
+ * @constructor
+ * @param {HTMLElement} el
+ * @param {Object} htOption QRCode Options
+ */
+ var Drawing = function(el, htOption) {
+ this._bIsPainted = false;
+ this._android = _getAndroid();
+
+ this._htOption = htOption;
+ this._elCanvas = document.createElement("canvas");
+ //this._elCanvas.width = htOption.width;
+ //this._elCanvas.height = htOption.height;
+ el.appendChild(this._elCanvas);
+ this._el = el;
+ this._oContext = this._elCanvas.getContext("2d");
+ this._bIsPainted = false;
+ this._elImage = document.createElement("img");
+ this._elImage.alt = "Scan me!";
+ this._elImage.style.display = "none";
+ this._el.appendChild(this._elImage);
+
+ this._bSupportDataURI = null;
+ };
+
+ /**
+ * Draw the QRCode
+ *
+ * @param {QRCode} oQRCode
+ */
+ Drawing.prototype.draw = function(oQRCode) {
+ var _elImage = this._elImage;
+ var _oContext = this._oContext;
+ var _htOption = this._htOption;
+
+ if (!_htOption.title && !_htOption.subTitle) {
+ _htOption.height -= _htOption.titleHeight;
+ _htOption.titleHeight = 0;
+ }
+
+ var nCount = oQRCode.getModuleCount();
+ var nWidth = Math.round(_htOption.width / nCount);
+ var nHeight = Math.round(
+ (_htOption.height - _htOption.titleHeight) / nCount
+ );
+
+ this._htOption.width = nWidth * nCount;
+ this._htOption.height = nHeight * nCount + _htOption.titleHeight;
+
+ this._htOption.quietZone = Math.round(this._htOption.quietZone);
+
+ this._elCanvas.width =
+ this._htOption.width + this._htOption.quietZone * 2;
+ this._elCanvas.height =
+ this._htOption.height + this._htOption.quietZone * 2;
+
+ _elImage.style.display = "none";
+ this.clear();
+
+ var t = this;
+
+ if (_htOption.backgroundImage) {
+ // backgroundImage
+ var bgImg = new Image();
+
+ bgImg.onload = function() {
+ _oContext.globalAlpha = 1;
+
+ _oContext.globalAlpha = _htOption.backgroundImageAlpha;
+
+ _oContext.drawImage(
+ bgImg,
+ 0,
+ _htOption.titleHeight,
+ _htOption.width + _htOption.quietZone * 2,
+ _htOption.height +
+ _htOption.quietZone * 2 -
+ _htOption.titleHeight
+ );
+ _oContext.globalAlpha = 1;
+
+ drawQrcode.call(t, oQRCode);
+ };
+ //bgImg.crossOrigin='Anonymous';
+ bgImg.src = _htOption.backgroundImage;
+ // DoSomething
+ } else {
+ drawQrcode.call(t, oQRCode);
+ }
+
+ function drawQrcode(oQRCode) {
+ if (_htOption.onRenderingStart) {
+ _htOption.onRenderingStart();
+ }
+ for (var row = 0; row < nCount; row++) {
+ for (var col = 0; col < nCount; col++) {
+ var nLeft = col * nWidth + _htOption.quietZone;
+ var nTop = row * nHeight + _htOption.quietZone;
+
+ var bIsDark = oQRCode.isDark(row, col);
+
+ var eye = oQRCode.getEye(row, col); // { isDark: true/false, type: PO_TL, PI_TL, PO_TR, PI_TR, PO_BL, PI_BL };
+
+ if (eye) {
+ // Is eye
+ bIsDark = eye.isDark;
+ var type = eye.type;
+
+ // PX_XX, PX, colorDark, colorLight
+ var eyeColorDark =
+ _htOption[type] ||
+ _htOption[type.substring(0, 2)] ||
+ _htOption.colorDark;
+
+ _oContext.lineWidth = 0;
+ _oContext.strokeStyle = bIsDark
+ ? eyeColorDark
+ : _htOption.colorLight;
+ _oContext.fillStyle = bIsDark
+ ? eyeColorDark
+ : _htOption.colorLight;
+
+ _oContext.fillRect(
+ nLeft,
+ _htOption.titleHeight + nTop,
+ nWidth,
+ nHeight
+ );
+ } else {
+ _oContext.lineWidth = 0;
+ _oContext.strokeStyle = bIsDark
+ ? _htOption.colorDark
+ : _htOption.colorLight;
+ _oContext.fillStyle = bIsDark
+ ? _htOption.colorDark
+ : _htOption.colorLight;
+
+ var nowDotScale = _htOption.dotScale;
+ if (row == 6) {
+ // Timing Pattern
+ nowDotScale = 1;
+ var timingHColorDark =
+ _htOption.timing_H ||
+ _htOption.timing ||
+ _htOption.colorDark;
+ _oContext.fillStyle = bIsDark
+ ? timingHColorDark
+ : _htOption.colorLight;
+ _oContext.strokeStyle = _oContext.fillStyle;
+ _oContext.fillRect(
+ nLeft + (nWidth * (1 - nowDotScale)) / 2,
+ _htOption.titleHeight +
+ nTop +
+ (nHeight * (1 - nowDotScale)) / 2,
+ nWidth * nowDotScale,
+ nHeight * nowDotScale
+ );
+ } else if (col == 6) {
+ // Timing Pattern
+ nowDotScale = 1;
+ var timingVColorDark =
+ _htOption.timing_V ||
+ _htOption.timing ||
+ _htOption.colorDark;
+ _oContext.fillStyle = bIsDark
+ ? timingVColorDark
+ : _htOption.colorLight;
+ _oContext.strokeStyle = _oContext.fillStyle;
+ _oContext.fillRect(
+ nLeft + (nWidth * (1 - nowDotScale)) / 2,
+ _htOption.titleHeight +
+ nTop +
+ (nHeight * (1 - nowDotScale)) / 2,
+ nWidth * nowDotScale,
+ nHeight * nowDotScale
+ );
+ } else {
+ if (_htOption.backgroundImage) {
+ if (_htOption.autoColor) {
+ _oContext.strokeStyle = bIsDark
+ ? "rgba(0, 0, 0, .6)"
+ : "rgba(255, 255, 255, .7)";
+ _oContext.fillStyle = bIsDark
+ ? "rgba(0, 0, 0, .6)"
+ : "rgba(255, 255, 255, .7)";
+ } else {
+ _oContext.strokeStyle = bIsDark
+ ? _htOption.colorDark
+ : "rgba(0,0,0,0)";
+ _oContext.fillStyle = bIsDark
+ ? _htOption.colorDark
+ : "rgba(0,0,0,0)";
+ _oContext.strokeStyle = _oContext.fillStyle;
+ }
+ _oContext.fillRect(
+ nLeft + (nWidth * (1 - nowDotScale)) / 2,
+ _htOption.titleHeight +
+ nTop +
+ (nHeight * (1 - nowDotScale)) / 2,
+ nWidth * nowDotScale,
+ nHeight * nowDotScale
+ );
+ } else {
+ _oContext.strokeStyle = _oContext.fillStyle;
+ _oContext.fillRect(
+ nLeft + (nWidth * (1 - nowDotScale)) / 2,
+ _htOption.titleHeight +
+ nTop +
+ (nHeight * (1 - nowDotScale)) / 2,
+ nWidth * nowDotScale,
+ nHeight * nowDotScale
+ );
+ }
+ }
+ }
+
+ if (_htOption.dotScale != 1 && !eye) {
+ _oContext.strokeStyle = _htOption.colorLight;
+ }
+ }
+ }
+
+ if (_htOption.title) {
+ _oContext.fillStyle = _htOption.titleBackgroundColor;
+ _oContext.fillRect(
+ 0,
+ 0,
+ this._elCanvas.width,
+ _htOption.titleHeight
+ );
+
+ _oContext.font = _htOption.titleFont;
+ _oContext.fillStyle = _htOption.titleColor;
+ _oContext.textAlign = "center";
+ _oContext.fillText(_htOption.title, _htOption.width / 2, 30);
+ }
+
+ if (_htOption.subTitle) {
+ _oContext.font = _htOption.subTitleFont;
+ _oContext.fillStyle = _htOption.subTitleColor;
+ _oContext.fillText(_htOption.subTitle, _htOption.width / 2, 60);
+ }
+
+ if (_htOption.logo) {
+ var img = new Image();
+
+ var _this = this;
+
+ function genratorImg() {
+ var imgW = Math.round(_htOption.width / 3.5);
+ var imgH = Math.round(_htOption.height / 3.5);
+ if (imgW != imgH) {
+ imgW = imgH;
+ }
+
+ if (_htOption.logoWidth) {
+ imgW = Math.round(_htOption.logoWidth);
+ }
+ if (_htOption.logoHeight) {
+ imgH = Math.round(_htOption.logoHeight);
+ }
+
+ // Did Not Use Transparent Logo Image
+ if (!_htOption.logoBackgroundTransparent) {
+ //if (!_htOption.logoBackgroundColor) {
+ //_htOption.logoBackgroundColor = '#ffffff';
+ //}
+ _oContext.fillStyle = _htOption.logoBackgroundColor;
+
+ _oContext.fillRect(
+ (_htOption.width + _htOption.quietZone * 2 - imgW) / 2,
+ (_htOption.height +
+ _htOption.titleHeight +
+ _htOption.quietZone * 2 -
+ imgH) /
+ 2,
+ imgW,
+ imgW
+ );
+ }
+
+ _oContext.drawImage(
+ img,
+ (_htOption.width + _htOption.quietZone * 2 - imgW) / 2,
+ (_htOption.height +
+ _htOption.titleHeight +
+ _htOption.quietZone * 2 -
+ imgH) /
+ 2,
+ imgW,
+ imgH
+ );
+
+ _this._bIsPainted = true;
+
+ _this.makeImage();
+ }
+
+ img.onload = function() {
+ genratorImg();
+ };
+
+ img.onerror = function(e) {
+ console.error(e);
+ };
+
+ //img.crossOrigin="Anonymous";
+ img.src = _htOption.logo;
+ } else {
+ this._bIsPainted = true;
+ this.makeImage();
+ }
+ }
+ };
+
+ /**
+ * Make the image from Canvas if the browser supports Data URI.
+ */
+ Drawing.prototype.makeImage = function() {
+ if (this._bIsPainted) {
+ _safeSetDataURI.call(this, _onMakeImage);
+ }
+ };
+
+ /**
+ * Return whether the QRCode is painted or not
+ *
+ * @return {Boolean}
+ */
+ Drawing.prototype.isPainted = function() {
+ return this._bIsPainted;
+ };
+
+ /**
+ * Clear the QRCode
+ */
+ Drawing.prototype.clear = function() {
+ this._oContext.clearRect(
+ 0,
+ 0,
+ this._elCanvas.width,
+ this._elCanvas.height + 50
+ );
+ this._bIsPainted = false;
+ };
+
+ Drawing.prototype.remove = function() {
+ this._oContext.clearRect(
+ 0,
+ 0,
+ this._elCanvas.width,
+ this._elCanvas.height + 50
+ );
+ this._bIsPainted = false;
+ this._el.innerHTML = "";
+ };
+
+ /**
+ * @private
+ * @param {Number} nNumber
+ */
+ Drawing.prototype.round = function(nNumber) {
+ if (!nNumber) {
+ return nNumber;
+ }
+
+ return Math.floor(nNumber * 1000) / 1000;
+ };
+
+ return Drawing;
+ })();
+
+ /**
+ * Get the type by string length
+ *
+ * @private
+ * @param {String} sText
+ * @param {Number} nCorrectLevel
+ * @return {Number} type
+ */
+ function _getTypeNumber(sText, nCorrectLevel) {
+ var nType = 1;
+ var length = _getUTF8Length(sText);
+
+ for (var i = 0, len = QRCodeLimitLength.length; i <= len; i++) {
+ var nLimit = 0;
+
+ switch (nCorrectLevel) {
+ case QRErrorCorrectLevel.L:
+ nLimit = QRCodeLimitLength[i][0];
+ break;
+ case QRErrorCorrectLevel.M:
+ nLimit = QRCodeLimitLength[i][1];
+ break;
+ case QRErrorCorrectLevel.Q:
+ nLimit = QRCodeLimitLength[i][2];
+ break;
+ case QRErrorCorrectLevel.H:
+ nLimit = QRCodeLimitLength[i][3];
+ break;
+ }
+
+ if (length <= nLimit) {
+ break;
+ } else {
+ nType++;
+ }
+ }
+
+ if (nType > QRCodeLimitLength.length) {
+ throw new Error("Too long data");
+ }
+
+ return nType;
+ }
+
+ function _getUTF8Length(sText) {
+ var replacedText = encodeURI(sText)
+ .toString()
+ .replace(/\%[0-9a-fA-F]{2}/g, "a");
+ return replacedText.length + (replacedText.length != sText ? 3 : 0);
+ }
+
+ /**
+ * @class QRCode
+ * @constructor
+ * @example
+ * new QRCode(document.getElementById("test"), "QRCode");
+ *
+ * @example
+ * var oQRCode = new QRCode("test", {
+ * text : "QRCode",
+ * width : 128,
+ * height : 128
+ * });
+ *
+ * oQRCode.clear(); // Clear the QRCode.
+ * oQRCode.makeCode("QRCode"); // Re-create the QRCode.
+ *
+ * @param {HTMLElement|String} el target element or 'id' attribute of element.
+ * @param {Object|String} vOption
+ * @param {String} vOption.text QRCode link data
+ * @param {Number} [vOption.width=256]
+ * @param {Number} [vOption.height=256]
+ * @param {String} [vOption.colorDark="#000000"]
+ * @param {String} [vOption.colorLight="#ffffff"]
+ * @param {QRCode.CorrectLevel} [vOption.correctLevel=QRCode.CorrectLevel.H] [L|M|Q|H]
+ */
+ QRCode = function(el, vOption) {
+ this._htOption = {
+ width: 256,
+ height: 256,
+ quietZone: 0,
+ typeNumber: 4,
+ colorDark: "#000000",
+ colorLight: "#ffffff",
+ correctLevel: QRErrorCorrectLevel.H,
+
+ dotScale: 1, // Must be greater than 0, less than or equal to 1. default is 1
+
+ title: "",
+ titleFont: "bold 16px Arial",
+ titleColor: "#000000",
+ titleBackgroundColor: "#ffffff",
+ titleHeight: 0, // Title Height, Include subTitle
+ titleTop: 30, // draws y coordinates. default is 30
+
+ subTitle: "",
+ subTitleFont: "14px Arial",
+ subTitleColor: "#4F4F4F",
+ subTitleTop: 0, // draws y coordinates. default is 0
+
+ logo: undefined,
+ logoWidth: undefined,
+ logoHeight: undefined,
+ logoBackgroundColor: "#ffffff",
+ logoBackgroundTransparent: false,
+
+ // === Posotion Pattern(Eye) Color
+ PO: undefined, // Global Posotion Outer color. if not set, the defaut is `colorDark`
+ PI: undefined, // Global Posotion Inner color. if not set, the defaut is `colorDark`
+ PO_TL: undefined, // Posotion Outer - Top Left
+ PI_TL: undefined, // Posotion Inner - Top Left
+ PO_TR: undefined, // Posotion Outer - Top Right
+ PI_TR: undefined, // Posotion Inner - Top Right
+ PO_BL: undefined, // Posotion Outer - Bottom Left
+ PI_BL: undefined, // Posotion Inner - Bottom Left
+
+ // === Alignment Color
+ AO: undefined, // Alignment Outer. if not set, the defaut is `colorDark`
+ AI: undefined, // Alignment Inner. if not set, the defaut is `colorDark`
+
+ // === Timing Pattern Color
+ timing: undefined, // Global Timing color. if not set, the defaut is `colorDark`
+ timing_H: undefined, // Horizontal timing color
+ timing_V: undefined, // Vertical timing color
+
+ // ==== Backgroud Image
+ backgroundImage: undefined, // Background Image
+ backgroundImageAlpha: 1, // Background image transparency, value between 0 and 1. default is 1.
+ autoColor: false,
+
+ // ==== Event Handler
+ onRenderingStart: undefined
+ };
+
+ if (typeof vOption === "string") {
+ vOption = {
+ text: vOption
+ };
+ }
+
+ // Overwrites options
+ if (vOption) {
+ for (var i in vOption) {
+ this._htOption[i] = vOption[i];
+ }
+ }
+
+ if (this._htOption.dotScale < 0 || this._htOption.dotScale > 1) {
+ console.warn(
+ this._htOption.dotScale +
+ " , is invalidate, dotScale must greater than 0, less than or equal to 1, now reset to 1. "
+ );
+ this._htOption.dotScale = 1;
+ }
+ if (
+ this._htOption.backgroundImageAlpha < 0 ||
+ this._htOption.backgroundImageAlpha > 1
+ ) {
+ console.warn(
+ this._htOption.backgroundImageAlpha +
+ " , is invalidate, backgroundImageAlpha must between 0 and 1, now reset to 1. "
+ );
+ this._htOption.backgroundImageAlpha = 1;
+ }
+
+ this._htOption.height = this._htOption.height + this._htOption.titleHeight;
+ if (typeof el == "string") {
+ el = document.getElementById(el);
+ }
+
+ if (this._htOption.useSVG) {
+ Drawing = svgDrawer;
+ }
+
+ this._android = _getAndroid();
+ this._el = el;
+ this._oQRCode = null;
+ this._oDrawing = new Drawing(this._el, this._htOption);
+
+ if (this._htOption.text) {
+ this.makeCode(this._htOption.text);
+ }
+ };
+
+ /**
+ * Make the QRCode
+ *
+ * @param {String} sText link data
+ */
+ QRCode.prototype.makeCode = function(sText) {
+ this._oQRCode = new QRCodeModel(
+ _getTypeNumber(sText, this._htOption.correctLevel),
+ this._htOption.correctLevel
+ );
+ this._oQRCode.addData(sText);
+ this._oQRCode.make();
+ this._el.title = sText;
+ this._oDrawing.draw(this._oQRCode);
+ // this.makeImage();
+ };
+
+ /**
+ * Make the Image from Canvas element
+ * - It occurs automatically
+ * - Android below 3 doesn't support Data-URI spec.
+ *
+ * @private
+ */
+ QRCode.prototype.makeImage = function() {
+ if (
+ typeof this._oDrawing.makeImage == "function" &&
+ (!this._android || this._android >= 3)
+ ) {
+ this._oDrawing.makeImage();
+ }
+ };
+
+ /**
+ * Clear the QRCode
+ */
+ QRCode.prototype.clear = function() {
+ this._oDrawing.remove();
+ };
+
+ /**
+ * No Conflict
+ * @return QRCode object
+ */
+ QRCode.prototype.noConflict = function() {
+ if (root.QRCode === this) {
+ root.QRCode = _QRCode;
+ }
+ return QRCode;
+ };
+
+ /**
+ * @name QRCode.CorrectLevel
+ */
+ QRCode.CorrectLevel = QRErrorCorrectLevel;
+
+ /*--------------------------------------------------------------------------*/
+ // Export QRCode
+
+ // AMD & CMD Compatibility
+ if (typeof define == "function" && (define.amd || define.cmd)) {
+ // 1. Define an anonymous module
+ define([], function() {
+ return QRCode;
+ });
+ }
+ // CommonJS Compatibility(include NodeJS)
+ else if (freeModule) {
+ // Node.js
+ (freeModule.exports = QRCode).QRCode = QRCode;
+ // Other CommonJS
+ freeExports.QRCode = QRCode;
+ } else {
+ // Export Global
+ root.QRCode = QRCode;
+ }
+}.call(this));
diff --git a/javascript/src/utilities/generateQrCode.js b/javascript/src/utilities/generateQrCode.js
new file mode 100644
index 0000000000000000000000000000000000000000..f48055fa08501b6f049b8f69823acdbd5c26fa55
--- /dev/null
+++ b/javascript/src/utilities/generateQrCode.js
@@ -0,0 +1,35 @@
+import QRCode from "../lib/easy.qrcode";
+
+const logoContentURI = "data:image/png;base64,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";
+
+export default async (content, width = 160, height = 160, logoWidth = 80, logoHeight = 80) => {
+ const qrCodeContainer = document.createElement("div");
+
+ new QRCode(qrCodeContainer, {
+ text: content,
+ width,
+ height,
+ quietZone: 0,
+ colorDark: "#000000",
+ colorLight: "#ffffff",
+
+ PO: "#d51d32",
+ PI: "#d51d32",
+ //PI: '#f55066',
+
+ logo: logoContentURI,
+ logoBackgroundTransparent: true,
+ logoWidth,
+ logoHeight,
+
+ correctLevel: QRCode.CorrectLevel.H // L, M, Q, H
+ });
+
+ const image = qrCodeContainer.getElementsByTagName("img")[0];
+
+ return new Promise(resolve => {
+ image.onload = () => {
+ resolve(image.getAttribute("src"));
+ };
+ });
+};