qrcode-generator-es
Version:
1,064 lines (1,058 loc) • 25.2 kB
JavaScript
//#region src/ecc.ts
const Ecc = {
LOW: {
ordinal: 0,
formatBits: 1
},
MEDIUM: {
ordinal: 1,
formatBits: 0
},
QUARTILE: {
ordinal: 2,
formatBits: 3
},
HIGH: {
ordinal: 3,
formatBits: 2
}
};
//#endregion
//#region src/mode.ts
/** Describes how a segment's data bits are interpreted. Immutable. */
var Mode = class {
constructor(modeBits, numBitsCharCount) {
this.modeBits = modeBits;
this.numBitsCharCount = numBitsCharCount;
}
numCharCountBits(ver) {
return this.numBitsCharCount[Math.floor((ver + 7) / 17)];
}
};
const ModeConstants = {
NUMERIC: new Mode(1, [
10,
12,
14
]),
ALPHANUMERIC: new Mode(2, [
9,
11,
13
]),
BYTE: new Mode(4, [
8,
16,
16
]),
KANJI: new Mode(8, [
8,
10,
12
]),
ECI: new Mode(7, [
0,
0,
0
])
};
//#endregion
//#region src/utils.ts
function appendBits(val, len, bb) {
if (len < 0 || len > 31 || val >>> len != 0) throw new RangeError("Value out of range");
for (let i = len - 1; i >= 0; i--) bb.push(val >>> i & 1);
}
function getBit(x, i) {
return (x >>> i & 1) != 0;
}
function assert(cond) {
if (!cond) throw new Error("Assertion error");
}
//#endregion
//#region src/segment.ts
const NUMERIC_REGEX = /^[0-9]*$/;
const ALPHANUMERIC_REGEX = /^[A-Z0-9 $%*+./:-]*$/;
const ALPHANUMERIC_CHARSET = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:";
var QrSegment = class QrSegment {
static makeBytes(data) {
let bb = [];
for (const b of data) appendBits(b, 8, bb);
return new QrSegment(ModeConstants.BYTE, data.length, bb);
}
static makeNumeric(digits) {
if (!QrSegment.isNumeric(digits)) throw new RangeError("String contains non-numeric characters");
let bb = [];
for (let i = 0; i < digits.length;) {
const n = Math.min(digits.length - i, 3);
appendBits(parseInt(digits.substring(i, i + n), 10), n * 3 + 1, bb);
i += n;
}
return new QrSegment(ModeConstants.NUMERIC, digits.length, bb);
}
static makeAlphanumeric(text) {
if (!QrSegment.isAlphanumeric(text)) throw new RangeError("String contains unencodable characters in alphanumeric mode");
let bb = [];
let i;
for (i = 0; i + 2 <= text.length; i += 2) {
let temp = ALPHANUMERIC_CHARSET.indexOf(text.charAt(i)) * 45;
temp += ALPHANUMERIC_CHARSET.indexOf(text.charAt(i + 1));
appendBits(temp, 11, bb);
}
if (i < text.length) appendBits(ALPHANUMERIC_CHARSET.indexOf(text.charAt(i)), 6, bb);
return new QrSegment(ModeConstants.ALPHANUMERIC, text.length, bb);
}
static makeSegments(text) {
if (text == "") return [];
else if (QrSegment.isNumeric(text)) return [QrSegment.makeNumeric(text)];
else if (QrSegment.isAlphanumeric(text)) return [QrSegment.makeAlphanumeric(text)];
else return [QrSegment.makeBytes(QrSegment.toUtf8ByteArray(text))];
}
static makeEci(assignVal) {
let bb = [];
if (assignVal < 0) throw new RangeError("ECI assignment value out of range");
else if (assignVal < 128) appendBits(assignVal, 8, bb);
else if (assignVal < 16384) {
appendBits(2, 2, bb);
appendBits(assignVal, 14, bb);
} else if (assignVal < 1e6) {
appendBits(6, 3, bb);
appendBits(assignVal, 21, bb);
} else throw new RangeError("ECI assignment value out of range");
return new QrSegment(ModeConstants.ECI, 0, bb);
}
static isNumeric(text) {
return NUMERIC_REGEX.test(text);
}
static isAlphanumeric(text) {
return ALPHANUMERIC_REGEX.test(text);
}
constructor(mode, numChars, bitData) {
this.mode = mode;
this.numChars = numChars;
this.bitData = bitData;
if (numChars < 0) throw new RangeError("Invalid argument");
this.bitData = bitData.slice();
}
getData() {
return this.bitData.slice();
}
static getTotalBits(segs, version) {
let result = 0;
for (const seg of segs) {
const ccbits = seg.mode.numCharCountBits(version);
if (seg.numChars >= 1 << ccbits) return Infinity;
result += 4 + ccbits + seg.bitData.length;
}
return result;
}
static toUtf8ByteArray(str) {
str = encodeURI(str);
let result = [];
for (let i = 0; i < str.length; i++) if (str.charAt(i) != "%") result.push(str.charCodeAt(i));
else {
result.push(parseInt(str.substring(i + 1, i + 3), 16));
i += 2;
}
return result;
}
};
//#endregion
//#region src/qrcodegen.ts
/** 1.8 */
const MIN_VERSION = 1;
const MAX_VERSION = 40;
const PENALTY_N1 = 3;
const PENALTY_N2 = 3;
const PENALTY_N3 = 40;
const PENALTY_N4 = 10;
const ECC_CODEWORDS_PER_BLOCK = [
[
-1,
7,
10,
15,
20,
26,
18,
20,
24,
30,
18,
20,
24,
26,
30,
22,
24,
28,
30,
28,
28,
28,
28,
30,
30,
26,
28,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30
],
[
-1,
10,
16,
26,
18,
24,
16,
18,
22,
22,
26,
30,
22,
22,
24,
24,
28,
28,
26,
26,
26,
26,
28,
28,
28,
28,
28,
28,
28,
28,
28,
28,
28,
28,
28,
28,
28,
28,
28,
28,
28
],
[
-1,
13,
22,
18,
26,
18,
24,
18,
22,
20,
24,
28,
26,
24,
20,
30,
24,
28,
28,
26,
30,
28,
30,
30,
30,
30,
28,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30
],
[
-1,
17,
28,
22,
16,
22,
28,
26,
26,
24,
28,
24,
28,
22,
24,
24,
30,
28,
28,
26,
28,
30,
24,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30,
30
]
];
const NUM_ERROR_CORRECTION_BLOCKS = [
[
-1,
1,
1,
1,
1,
1,
2,
2,
2,
2,
4,
4,
4,
4,
4,
6,
6,
6,
6,
7,
8,
8,
9,
9,
10,
12,
12,
12,
13,
14,
15,
16,
17,
18,
19,
19,
20,
21,
22,
24,
25
],
[
-1,
1,
1,
1,
2,
2,
4,
4,
4,
5,
5,
5,
8,
9,
9,
10,
10,
11,
13,
14,
16,
17,
17,
18,
20,
21,
23,
25,
26,
28,
29,
31,
33,
35,
37,
38,
40,
43,
45,
47,
49
],
[
-1,
1,
1,
2,
2,
4,
4,
6,
6,
8,
8,
8,
10,
12,
16,
12,
17,
16,
18,
21,
20,
23,
23,
25,
27,
29,
34,
34,
35,
38,
40,
43,
45,
48,
51,
53,
56,
59,
62,
65,
68
],
[
-1,
1,
1,
2,
4,
4,
4,
5,
6,
8,
8,
11,
11,
16,
16,
18,
16,
19,
21,
25,
25,
25,
34,
30,
32,
35,
37,
40,
42,
45,
48,
51,
54,
57,
60,
63,
66,
70,
74,
77,
81
]
];
var QrCode = class QrCode {
static encodeText(text, ecl) {
const segs = QrSegment.makeSegments(text);
return QrCode.encodeSegments(segs, ecl);
}
static encodeBinary(data, ecl) {
const seg = QrSegment.makeBytes(data);
return QrCode.encodeSegments([seg], ecl);
}
static encodeSegments(segs, ecl, minVersion = 1, maxVersion = 40, mask = -1, boostEcl = true) {
if (!(MIN_VERSION <= minVersion && minVersion <= maxVersion && maxVersion <= MAX_VERSION) || mask < -1 || mask > 7) throw new RangeError("Invalid value");
let version;
let dataUsedBits;
for (version = minVersion;; version++) {
const dataCapacityBits$1 = QrCode.getNumDataCodewords(version, ecl) * 8;
const usedBits = QrSegment.getTotalBits(segs, version);
if (usedBits <= dataCapacityBits$1) {
dataUsedBits = usedBits;
break;
}
if (version >= maxVersion) throw new RangeError("Data too long");
}
for (const newEcl of [
Ecc.MEDIUM,
Ecc.QUARTILE,
Ecc.HIGH
]) if (boostEcl && dataUsedBits <= QrCode.getNumDataCodewords(version, newEcl) * 8) ecl = newEcl;
let bb = [];
for (const seg of segs) {
appendBits(seg.mode.modeBits, 4, bb);
appendBits(seg.numChars, seg.mode.numCharCountBits(version), bb);
for (const b of seg.getData()) bb.push(b);
}
assert(bb.length == dataUsedBits);
const dataCapacityBits = QrCode.getNumDataCodewords(version, ecl) * 8;
assert(bb.length <= dataCapacityBits);
appendBits(0, Math.min(4, dataCapacityBits - bb.length), bb);
appendBits(0, (8 - bb.length % 8) % 8, bb);
assert(bb.length % 8 == 0);
for (let padByte = 236; bb.length < dataCapacityBits; padByte ^= 253) appendBits(padByte, 8, bb);
let dataCodewords = [];
while (dataCodewords.length * 8 < bb.length) dataCodewords.push(0);
bb.forEach((b, i) => dataCodewords[i >>> 3] |= b << 7 - (i & 7));
return new QrCode(version, ecl, dataCodewords, mask);
}
constructor(version, errorCorrectionLevel, dataCodewords, msk) {
this.version = version;
this.errorCorrectionLevel = errorCorrectionLevel;
this.modules = [];
this.isFunction = [];
if (version < MIN_VERSION || version > MAX_VERSION) throw new RangeError("Version value out of range");
if (msk < -1 || msk > 7) throw new RangeError("Mask value out of range");
this.size = version * 4 + 17;
let row = [];
for (let i = 0; i < this.size; i++) row.push(false);
for (let i = 0; i < this.size; i++) {
this.modules.push(row.slice());
this.isFunction.push(row.slice());
}
this.drawFunctionPatterns();
const allCodewords = this.addEccAndInterleave(dataCodewords);
this.drawCodewords(allCodewords);
if (msk == -1) {
let minPenalty = 1e9;
for (let i = 0; i < 8; i++) {
this.applyMask(i);
this.drawFormatBits(i);
const penalty = this.getPenaltyScore();
if (penalty < minPenalty) {
msk = i;
minPenalty = penalty;
}
this.applyMask(i);
}
}
assert(0 <= msk && msk <= 7);
this.mask = msk;
this.applyMask(msk);
this.drawFormatBits(msk);
this.isFunction = [];
}
getModule(x, y) {
return 0 <= x && x < this.size && 0 <= y && y < this.size && this.modules[y][x];
}
drawFunctionPatterns() {
for (let i = 0; i < this.size; i++) {
this.setFunctionModule(6, i, i % 2 == 0);
this.setFunctionModule(i, 6, i % 2 == 0);
}
this.drawFinderPattern(3, 3);
this.drawFinderPattern(this.size - 4, 3);
this.drawFinderPattern(3, this.size - 4);
const alignPatPos = this.getAlignmentPatternPositions();
const numAlign = alignPatPos.length;
for (let i = 0; i < numAlign; i++) for (let j = 0; j < numAlign; j++) if (!(i == 0 && j == 0 || i == 0 && j == numAlign - 1 || i == numAlign - 1 && j == 0)) this.drawAlignmentPattern(alignPatPos[i], alignPatPos[j]);
this.drawFormatBits(0);
this.drawVersion();
}
drawFormatBits(mask) {
const data = this.errorCorrectionLevel.formatBits << 3 | mask;
let rem = data;
for (let i = 0; i < 10; i++) rem = rem << 1 ^ (rem >>> 9) * 1335;
const bits = (data << 10 | rem) ^ 21522;
assert(bits >>> 15 == 0);
for (let i = 0; i <= 5; i++) this.setFunctionModule(8, i, getBit(bits, i));
this.setFunctionModule(8, 7, getBit(bits, 6));
this.setFunctionModule(8, 8, getBit(bits, 7));
this.setFunctionModule(7, 8, getBit(bits, 8));
for (let i = 9; i < 15; i++) this.setFunctionModule(14 - i, 8, getBit(bits, i));
for (let i = 0; i < 8; i++) this.setFunctionModule(this.size - 1 - i, 8, getBit(bits, i));
for (let i = 8; i < 15; i++) this.setFunctionModule(8, this.size - 15 + i, getBit(bits, i));
this.setFunctionModule(8, this.size - 8, true);
}
drawVersion() {
if (this.version < 7) return;
let rem = this.version;
for (let i = 0; i < 12; i++) rem = rem << 1 ^ (rem >>> 11) * 7973;
const bits = this.version << 12 | rem;
assert(bits >>> 18 == 0);
for (let i = 0; i < 18; i++) {
const color = getBit(bits, i);
const a = this.size - 11 + i % 3;
const b = Math.floor(i / 3);
this.setFunctionModule(a, b, color);
this.setFunctionModule(b, a, color);
}
}
drawFinderPattern(x, y) {
for (let dy = -4; dy <= 4; dy++) for (let dx = -4; dx <= 4; dx++) {
const dist = Math.max(Math.abs(dx), Math.abs(dy));
const xx = x + dx;
const yy = y + dy;
if (0 <= xx && xx < this.size && 0 <= yy && yy < this.size) this.setFunctionModule(xx, yy, dist != 2 && dist != 4);
}
}
drawAlignmentPattern(x, y) {
for (let dy = -2; dy <= 2; dy++) for (let dx = -2; dx <= 2; dx++) this.setFunctionModule(x + dx, y + dy, Math.max(Math.abs(dx), Math.abs(dy)) != 1);
}
setFunctionModule(x, y, isDark) {
this.modules[y][x] = isDark;
this.isFunction[y][x] = true;
}
addEccAndInterleave(data) {
const ver = this.version;
const ecl = this.errorCorrectionLevel;
if (data.length != QrCode.getNumDataCodewords(ver, ecl)) throw new RangeError("Invalid argument");
const numBlocks = NUM_ERROR_CORRECTION_BLOCKS[ecl.ordinal][ver];
const blockEccLen = ECC_CODEWORDS_PER_BLOCK[ecl.ordinal][ver];
const rawCodewords = Math.floor(QrCode.getNumRawDataModules(ver) / 8);
const numShortBlocks = numBlocks - rawCodewords % numBlocks;
const shortBlockLen = Math.floor(rawCodewords / numBlocks);
let blocks = [];
const rsDiv = QrCode.reedSolomonComputeDivisor(blockEccLen);
for (let i = 0, k = 0; i < numBlocks; i++) {
let dat = data.slice(k, k + shortBlockLen - blockEccLen + (i < numShortBlocks ? 0 : 1));
k += dat.length;
const ecc = QrCode.reedSolomonComputeRemainder(dat, rsDiv);
if (i < numShortBlocks) dat.push(0);
blocks.push(dat.concat(ecc));
}
let result = [];
for (let i = 0; i < blocks[0].length; i++) blocks.forEach((block, j) => {
if (i != shortBlockLen - blockEccLen || j >= numShortBlocks) result.push(block[i]);
});
assert(result.length == rawCodewords);
return result;
}
drawCodewords(data) {
if (data.length != Math.floor(QrCode.getNumRawDataModules(this.version) / 8)) throw new RangeError("Invalid argument");
let i = 0;
for (let right = this.size - 1; right >= 1; right -= 2) {
if (right == 6) right = 5;
for (let vert = 0; vert < this.size; vert++) for (let j = 0; j < 2; j++) {
const x = right - j;
const y = (right + 1 & 2) == 0 ? this.size - 1 - vert : vert;
if (!this.isFunction[y][x] && i < data.length * 8) {
this.modules[y][x] = getBit(data[i >>> 3], 7 - (i & 7));
i++;
}
}
}
assert(i == data.length * 8);
}
applyMask(mask) {
if (mask < 0 || mask > 7) throw new RangeError("Mask value out of range");
for (let y = 0; y < this.size; y++) for (let x = 0; x < this.size; x++) {
let invert;
switch (mask) {
case 0:
invert = (x + y) % 2 == 0;
break;
case 1:
invert = y % 2 == 0;
break;
case 2:
invert = x % 3 == 0;
break;
case 3:
invert = (x + y) % 3 == 0;
break;
case 4:
invert = (Math.floor(x / 3) + Math.floor(y / 2)) % 2 == 0;
break;
case 5:
invert = x * y % 2 + x * y % 3 == 0;
break;
case 6:
invert = (x * y % 2 + x * y % 3) % 2 == 0;
break;
case 7:
invert = ((x + y) % 2 + x * y % 3) % 2 == 0;
break;
default: throw new Error("Unreachable");
}
if (!this.isFunction[y][x] && invert) this.modules[y][x] = !this.modules[y][x];
}
}
getPenaltyScore() {
let result = 0;
for (let y = 0; y < this.size; y++) {
let runColor = false;
let runX = 0;
let runHistory = [
0,
0,
0,
0,
0,
0,
0
];
for (let x = 0; x < this.size; x++) if (this.modules[y][x] == runColor) {
runX++;
if (runX == 5) result += PENALTY_N1;
else if (runX > 5) result++;
} else {
this.finderPenaltyAddHistory(runX, runHistory);
if (!runColor) result += this.finderPenaltyCountPatterns(runHistory) * PENALTY_N3;
runColor = this.modules[y][x];
runX = 1;
}
result += this.finderPenaltyTerminateAndCount(runColor, runX, runHistory) * PENALTY_N3;
}
for (let x = 0; x < this.size; x++) {
let runColor = false;
let runY = 0;
let runHistory = [
0,
0,
0,
0,
0,
0,
0
];
for (let y = 0; y < this.size; y++) if (this.modules[y][x] == runColor) {
runY++;
if (runY == 5) result += PENALTY_N1;
else if (runY > 5) result++;
} else {
this.finderPenaltyAddHistory(runY, runHistory);
if (!runColor) result += this.finderPenaltyCountPatterns(runHistory) * PENALTY_N3;
runColor = this.modules[y][x];
runY = 1;
}
result += this.finderPenaltyTerminateAndCount(runColor, runY, runHistory) * PENALTY_N3;
}
for (let y = 0; y < this.size - 1; y++) for (let x = 0; x < this.size - 1; x++) {
const color = this.modules[y][x];
if (color == this.modules[y][x + 1] && color == this.modules[y + 1][x] && color == this.modules[y + 1][x + 1]) result += PENALTY_N2;
}
let dark = 0;
for (const row of this.modules) dark = row.reduce((sum, color) => sum + (color ? 1 : 0), dark);
const total = this.size * this.size;
const k = Math.ceil(Math.abs(dark * 20 - total * 10) / total) - 1;
assert(0 <= k && k <= 9);
result += k * PENALTY_N4;
assert(0 <= result && result <= 2568888);
return result;
}
getAlignmentPatternPositions() {
if (this.version == 1) return [];
else {
const numAlign = Math.floor(this.version / 7) + 2;
const step = this.version == 32 ? 26 : Math.ceil((this.version * 4 + 4) / (numAlign * 2 - 2)) * 2;
let result = [6];
for (let pos = this.size - 7; result.length < numAlign; pos -= step) result.splice(1, 0, pos);
return result;
}
}
static getNumRawDataModules(ver) {
if (ver < MIN_VERSION || ver > MAX_VERSION) throw new RangeError("Version number out of range");
let result = (16 * ver + 128) * ver + 64;
if (ver >= 2) {
const numAlign = Math.floor(ver / 7) + 2;
result -= (25 * numAlign - 10) * numAlign - 55;
if (ver >= 7) result -= 36;
}
assert(208 <= result && result <= 29648);
return result;
}
static getNumDataCodewords(ver, ecl) {
return Math.floor(QrCode.getNumRawDataModules(ver) / 8) - ECC_CODEWORDS_PER_BLOCK[ecl.ordinal][ver] * NUM_ERROR_CORRECTION_BLOCKS[ecl.ordinal][ver];
}
static reedSolomonComputeDivisor(degree) {
if (degree < 1 || degree > 255) throw new RangeError("Degree out of range");
let result = [];
for (let i = 0; i < degree - 1; i++) result.push(0);
result.push(1);
let root = 1;
for (let i = 0; i < degree; i++) {
for (let j = 0; j < result.length; j++) {
result[j] = QrCode.reedSolomonMultiply(result[j], root);
if (j + 1 < result.length) result[j] ^= result[j + 1];
}
root = QrCode.reedSolomonMultiply(root, 2);
}
return result;
}
static reedSolomonComputeRemainder(data, divisor) {
let result = divisor.map((_) => 0);
for (const b of data) {
const factor = b ^ result.shift();
result.push(0);
divisor.forEach((coef, i) => result[i] ^= QrCode.reedSolomonMultiply(coef, factor));
}
return result;
}
static reedSolomonMultiply(x, y) {
if (x >>> 8 != 0 || y >>> 8 != 0) throw new RangeError("Byte out of range");
let z = 0;
for (let i = 7; i >= 0; i--) {
z = z << 1 ^ (z >>> 7) * 285;
z ^= (y >>> i & 1) * x;
}
assert(z >>> 8 == 0);
return z;
}
finderPenaltyCountPatterns(runHistory) {
const n = runHistory[1];
assert(n <= this.size * 3);
const core = n > 0 && runHistory[2] == n && runHistory[3] == n * 3 && runHistory[4] == n && runHistory[5] == n;
return (core && runHistory[0] >= n * 4 && runHistory[6] >= n ? 1 : 0) + (core && runHistory[6] >= n * 4 && runHistory[0] >= n ? 1 : 0);
}
finderPenaltyTerminateAndCount(currentRunColor, currentRunLength, runHistory) {
if (currentRunColor) {
this.finderPenaltyAddHistory(currentRunLength, runHistory);
currentRunLength = 0;
}
currentRunLength += this.size;
this.finderPenaltyAddHistory(currentRunLength, runHistory);
return this.finderPenaltyCountPatterns(runHistory);
}
finderPenaltyAddHistory(currentRunLength, runHistory) {
if (runHistory[0] == 0) currentRunLength += this.size;
runHistory.pop();
runHistory.unshift(currentRunLength);
}
};
//#endregion
//#region src/index.ts
function getIconDefault(option) {
return {
size: 40,
image: null,
...option
};
}
function tableCellStyleString(size, background) {
const w = Math.floor(size * 100) / 100;
const styleObj = {
width: `${w}px`,
height: `${w}px`,
background,
"border-width": "0px",
"border-style": "none",
"border-collapse": "collapse",
padding: "0px",
margin: "0px"
};
let str = "";
for (const key in styleObj) str += `${key}:${styleObj[key]};`;
return str;
}
function createQrCode(text, level) {
let ecc = Ecc.LOW;
if (level === "M") ecc = Ecc.MEDIUM;
else if (level === "Q") ecc = Ecc.QUARTILE;
else if (level === "H") ecc = Ecc.HIGH;
return QrCode.encodeText(text, ecc);
}
function createElement(el, tagName = "table", namespace = null) {
if (el == null) if (namespace == null) el = document.createElement(tagName);
else el = document.createElementNS(namespace, tagName);
else if (typeof el === "string") el = document.querySelector(el);
if (el == null) throw new Error("el error");
if (el.tagName.toUpperCase() !== tagName.toUpperCase()) throw new Error("output and tag are mismatch");
return el;
}
function loadImage(option, complete) {
if (option.icon != null) {
const img = new Image();
img.src = option.icon.src;
img.crossOrigin = "Anonymous";
img.onload = () => {
option.icon.image = img;
complete(option);
};
img.onerror = () => {
complete(option);
};
} else complete(option);
}
/** 渲染二维码到表格 */
function renderToTable(qrcode, option) {
const $el = createElement(option.el, "table");
option.el = $el;
const scale = option.size / qrcode.size;
$el.style.cssText = "border-width:0px;border-style:none;border-collapse:collapse;padding:0px;";
let qrHtml = "<tbody>";
for (let r = 0; r < qrcode.size; r++) {
qrHtml += "<tr>";
for (let c = 0; c < qrcode.size; c++) {
const styleStr = tableCellStyleString(scale, qrcode.getModule(c, r) ? option.fill : option.background);
qrHtml += `<td style="${styleStr}"/>`;
}
qrHtml += "</tr>";
}
qrHtml += "</tbody>";
$el.innerHTML = qrHtml;
return $el;
}
function renderToSvg(qrcode, option) {
const $el = createElement(option.el, "svg", "http://www.w3.org/2000/svg");
option.el = $el;
const size = option.size;
const numCells = qrcode.size;
const parts = [];
for (let y = 0; y < numCells; y++) for (let x = 0; x < numCells; x++) if (qrcode.getModule(x, y)) parts.push(`M${x},${y}h1v1h-1z`);
$el.setAttribute("xmlns", "http://www.w3.org/2000/svg");
$el.setAttribute("width", `${size}px`);
$el.setAttribute("height", `${size}px`);
$el.setAttribute("viewBox", `0 0 ${numCells} ${numCells}`);
$el.setAttribute("preserveAspectRatio", "xMinYMin meet");
$el.setAttribute("role", "img");
const partsHtml = [`<rect width="100%" height="100%" fill="${option.background}"/>`, `<path d="${parts.join(" ")}" fill="${option.fill}"/>`];
if (option.icon != null) {
const iconOpt = getIconDefault(option.icon);
const scale = numCells / size;
const iconSize = Math.floor(Math.min(iconOpt.size, size * .3) * scale);
const point = numCells / 2 - iconSize / 2;
partsHtml.push(`<image href="${iconOpt.src}" width="${iconSize}" height="${iconSize}" x="${point}" y="${point}" preserveAspectRatio="none"></image>`);
}
$el.innerHTML = partsHtml.join("");
return $el;
}
function renderToCanvas(qr, option) {
const canvas = createElement(option.el, "canvas");
loadImage(option, (opts) => {
const scale = opts.size / qr.size;
canvas.width = opts.size;
canvas.height = opts.size;
const ctx = canvas.getContext("2d");
ctx.clearRect(0, 0, canvas.width, canvas.height);
for (let y = 0; y < qr.size; y++) for (let x = 0; x < qr.size; x++) {
ctx.fillStyle = qr.getModule(x, y) ? opts.fill : opts.background;
const startX = Math.floor(x * scale);
const ceilScale = Math.ceil(scale);
const startY = Math.floor(y * scale);
ctx.fillRect(startX, startY, ceilScale, ceilScale);
}
if (opts.icon != null && opts.icon.image != null) {
const iconOpt = getIconDefault(opts.icon);
const iconSize = Math.floor(Math.min(iconOpt.size, opts.size * .3));
const point = opts.size / 2 - iconSize / 2;
ctx.drawImage(opts.icon.image, point, point, iconSize, iconSize);
}
});
return canvas;
}
function renderToImg(qrcode, option) {
const $el = createElement(option.el, "img");
const $canvas = renderToCanvas(qrcode, {
...option,
el: null
});
$el.style.width = `${$canvas.width}px`;
$el.style.height = `${$canvas.height}px`;
$el.src = $canvas.toDataURL("image/png");
option.el = $el;
return $el;
}
/** 二维码渲染 */
var QRCodeRender = class {
constructor(option) {
this._defaultOption = {
size: 100,
level: "M",
el: null,
text: null,
fill: "#000000",
background: "#ffffff",
icon: void 0
};
this.option = {
...this._defaultOption,
...option
};
}
/** 渲染二维码 */
render() {
const qrcode = createQrCode(this.option.text || "", this.option.level);
return this.option.renderFn(qrcode, this.option);
}
/** 批量修改渲染配置 */
setOption(option) {
for (const key in option) this.set(key, option[key]);
}
/** 修改渲染配置项 */
set(key, value) {
const _v = value ? value : this._defaultOption[key];
this.option[key] = _v;
}
/** 添加数据并渲染二维码 */
addData(data) {
let text = this.option.text || "";
text = `${text}${data}`;
return this.resetData(text);
}
/** 重置二维码 */
resetData(data) {
this.option.text = data;
return this.render();
}
destroy() {
this.option.el = null;
this.option.icon = void 0;
this.option.renderFn = void 0;
this.option = {};
}
};
//#endregion
export { QRCodeRender, createElement, renderToCanvas, renderToImg, renderToSvg, renderToTable };