You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2285 lines
58 KiB
2285 lines
58 KiB
//--------------------------------------------------------------------- |
|
// uQRCode 二维码生成插件 v3.2.2 |
|
// |
|
// uQRCode 是一款使用方式简单，高扩展的二维码生成插件。支持全端生成，支持canvas的地方就可以使用uQRCode。 |
|
// |
|
// Copyright (c) Sansnn uQRCode All rights reserved. |
|
// Licensed ( http://www.apache.org/licenses/LICENSE-2.0 ) |
|
// 复制使用请保留本段注释，感谢支持开源！ |
|
// |
|
// 开源地址： |
|
// https://github.com/Sansnn/uQRCode |
|
// |
|
// uni-app插件市场地址： |
|
// https://ext.dcloud.net.cn/plugin?id=1287 |
|
//--------------------------------------------------------------------- |
|
|
|
"use strict"; |
|
|
|
function uQRCode(options, canvasContext, loadImage) { |
|
this.options = uQRCode.getOptions(options); |
|
this.canvasContext = uQRCode.getCanvasContext(canvasContext); |
|
this.loadImage = uQRCode.getLoadImage(loadImage); |
|
} |
|
|
|
(function() { |
|
//--------------------------------------------------------------------- |
|
// QRCode for JavaScript |
|
// |
|
// Copyright (c) 2009 Kazuhiko Arase |
|
// |
|
// URL: http://www.d-project.com/ |
|
// |
|
// Licensed under the MIT license: |
|
// http://www.opensource.org/licenses/mit-license.php |
|
// |
|
// The word "QR Code" is registered trademark of |
|
// DENSO WAVE INCORPORATED |
|
// http://www.denso-wave.com/qrcode/faqpatent-e.html |
|
// |
|
//--------------------------------------------------------------------- |
|
|
|
//--------------------------------------------------------------------- |
|
// QR8bitByte |
|
//--------------------------------------------------------------------- |
|
|
|
function QR8bitByte(data) { |
|
this.mode = QRMode.MODE_8BIT_BYTE; |
|
this.data = data; |
|
} |
|
|
|
QR8bitByte.prototype = { |
|
|
|
getLength: function(buffer) { |
|
return this.data.length; |
|
}, |
|
|
|
write: function(buffer) { |
|
for (var i = 0; i < this.data.length; i++) { |
|
// not JIS ... |
|
buffer.put(this.data.charCodeAt(i), 8); |
|
} |
|
} |
|
}; |
|
|
|
//--------------------------------------------------------------------- |
|
// QRCode |
|
//--------------------------------------------------------------------- |
|
|
|
function QRCode(typeNumber, errorCorrectLevel) { |
|
this.typeNumber = typeNumber; |
|
this.errorCorrectLevel = errorCorrectLevel; |
|
this.modules = null; |
|
this.moduleCount = 0; |
|
this.dataCache = null; |
|
this.dataList = new Array(); |
|
} |
|
|
|
QRCode.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]; |
|
}, |
|
|
|
getModuleCount: function() { |
|
return this.moduleCount; |
|
}, |
|
|
|
make: function() { |
|
// Calculate automatically typeNumber if provided is < 1 |
|
if (this.typeNumber < 1) { |
|
var typeNumber = 1; |
|
for (typeNumber = 1; typeNumber < 40; typeNumber++) { |
|
var rsBlocks = QRRSBlock.getRSBlocks(typeNumber, this.errorCorrectLevel); |
|
|
|
var buffer = new QRBitBuffer(); |
|
var totalDataCount = 0; |
|
for (var i = 0; i < rsBlocks.length; i++) { |
|
totalDataCount += rsBlocks[i].dataCount; |
|
} |
|
|
|
for (var i = 0; i < this.dataList.length; i++) { |
|
var data = this.dataList[i]; |
|
buffer.put(data.mode, 4); |
|
buffer.put(data.getLength(), QRUtil.getLengthInBits(data.mode, typeNumber)); |
|
data.write(buffer); |
|
} |
|
if (buffer.getLengthInBits() <= totalDataCount * 8) |
|
break; |
|
} |
|
this.typeNumber = typeNumber; |
|
} |
|
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] = null; //(col + row) % 3; |
|
} |
|
} |
|
|
|
this.setupPositionProbePattern(0, 0); |
|
this.setupPositionProbePattern(this.moduleCount - 7, 0); |
|
this.setupPositionProbePattern(0, this.moduleCount - 7); |
|
this.setupPositionAdjustPattern(); |
|
this.setupTimingPattern(); |
|
this.setupTypeInfo(test, maskPattern); |
|
|
|
if (this.typeNumber >= 7) { |
|
this.setupTypeNumber(test); |
|
} |
|
|
|
if (this.dataCache == null) { |
|
this.dataCache = QRCode.createData(this.typeNumber, this.errorCorrectLevel, this.dataList); |
|
} |
|
|
|
this.mapData(this.dataCache, maskPattern); |
|
}, |
|
|
|
setupPositionProbePattern: function(row, col) { |
|
|
|
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] = true; |
|
} else { |
|
this.modules[row + r][col + c] = 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]; |
|
|
|
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] != null) { |
|
continue; |
|
} |
|
this.modules[r][6] = (r % 2 == 0); |
|
} |
|
|
|
for (var c = 8; c < this.moduleCount - 8; c++) { |
|
if (this.modules[6][c] != null) { |
|
continue; |
|
} |
|
this.modules[6][c] = (c % 2 == 0); |
|
} |
|
}, |
|
|
|
setupPositionAdjustPattern: function() { |
|
|
|
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] != 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] = true; |
|
} else { |
|
this.modules[row + r][col + c] = 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] = 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)] = mod; |
|
} |
|
}, |
|
|
|
setupTypeInfo: function(test, maskPattern) { |
|
|
|
var data = (this.errorCorrectLevel << 3) | maskPattern; |
|
var bits = QRUtil.getBCHTypeInfo(data); |
|
|
|
// vertical |
|
for (var i = 0; i < 15; i++) { |
|
|
|
var mod = (!test && ((bits >> i) & 1) == 1); |
|
|
|
if (i < 6) { |
|
this.modules[i][8] = mod; |
|
} else if (i < 8) { |
|
this.modules[i + 1][8] = mod; |
|
} else { |
|
this.modules[this.moduleCount - 15 + i][8] = mod; |
|
} |
|
} |
|
|
|
// horizontal |
|
for (var i = 0; i < 15; i++) { |
|
|
|
var mod = (!test && ((bits >> i) & 1) == 1); |
|
|
|
if (i < 8) { |
|
this.modules[8][this.moduleCount - i - 1] = mod; |
|
} else if (i < 9) { |
|
this.modules[8][15 - i - 1 + 1] = mod; |
|
} else { |
|
this.modules[8][15 - i - 1] = mod; |
|
} |
|
} |
|
|
|
// fixed module |
|
this.modules[this.moduleCount - 8][8] = (!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] == 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] = dark; |
|
bitIndex--; |
|
|
|
if (bitIndex == -1) { |
|
byteIndex++; |
|
bitIndex = 7; |
|
} |
|
} |
|
} |
|
|
|
row += inc; |
|
|
|
if (row < 0 || this.moduleCount <= row) { |
|
row -= inc; |
|
inc = -inc; |
|
break; |
|
} |
|
} |
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
QRCode.PAD0 = 0xEC; |
|
QRCode.PAD1 = 0x11; |
|
|
|
QRCode.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); |
|
} |
|
|
|
// calc num max data. |
|
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 + |
|
")"); |
|
} |
|
|
|
// end code |
|
if (buffer.getLengthInBits() + 4 <= totalDataCount * 8) { |
|
buffer.put(0, 4); |
|
} |
|
|
|
// padding |
|
while (buffer.getLengthInBits() % 8 != 0) { |
|
buffer.putBit(false); |
|
} |
|
|
|
// padding |
|
while (true) { |
|
|
|
if (buffer.getLengthInBits() >= totalDataCount * 8) { |
|
break; |
|
} |
|
buffer.put(QRCode.PAD0, 8); |
|
|
|
if (buffer.getLengthInBits() >= totalDataCount * 8) { |
|
break; |
|
} |
|
buffer.put(QRCode.PAD1, 8); |
|
} |
|
|
|
return QRCode.createBytes(buffer, rsBlocks); |
|
} |
|
|
|
QRCode.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; |
|
|
|
} |
|
|
|
//--------------------------------------------------------------------- |
|
// QRMode |
|
//--------------------------------------------------------------------- |
|
|
|
var QRMode = { |
|
MODE_NUMBER: 1 << 0, |
|
MODE_ALPHA_NUM: 1 << 1, |
|
MODE_8BIT_BYTE: 1 << 2, |
|
MODE_KANJI: 1 << 3 |
|
}; |
|
|
|
//--------------------------------------------------------------------- |
|
// QRErrorCorrectLevel |
|
//--------------------------------------------------------------------- |
|
|
|
var QRErrorCorrectLevel = { |
|
L: 1, |
|
M: 0, |
|
Q: 3, |
|
H: 2 |
|
}; |
|
|
|
//--------------------------------------------------------------------- |
|
// QRMaskPattern |
|
//--------------------------------------------------------------------- |
|
|
|
var QRMaskPattern = { |
|
PATTERN000: 0, |
|
PATTERN001: 1, |
|
PATTERN010: 2, |
|
PATTERN011: 3, |
|
PATTERN100: 4, |
|
PATTERN101: 5, |
|
PATTERN110: 6, |
|
PATTERN111: 7 |
|
}; |
|
|
|
//--------------------------------------------------------------------- |
|
// QRUtil |
|
//--------------------------------------------------------------------- |
|
|
|
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) { |
|
|
|
// 1 - 9 |
|
|
|
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) { |
|
|
|
// 10 - 26 |
|
|
|
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) { |
|
|
|
// 27 - 40 |
|
|
|
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; |
|
|
|
// LEVEL1 |
|
|
|
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); |
|
} |
|
} |
|
} |
|
|
|
// LEVEL2 |
|
|
|
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; |
|
} |
|
} |
|
} |
|
|
|
// LEVEL3 |
|
|
|
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; |
|
} |
|
} |
|
} |
|
|
|
// LEVEL4 |
|
|
|
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; |
|
} |
|
|
|
}; |
|
|
|
|
|
//--------------------------------------------------------------------- |
|
// QRMath |
|
//--------------------------------------------------------------------- |
|
|
|
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; |
|
} |
|
|
|
//--------------------------------------------------------------------- |
|
// QRPolynomial |
|
//--------------------------------------------------------------------- |
|
|
|
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); |
|
} |
|
|
|
// recursive call |
|
return new QRPolynomial(num, 0).mod(e); |
|
} |
|
}; |
|
|
|
//--------------------------------------------------------------------- |
|
// QRRSBlock |
|
//--------------------------------------------------------------------- |
|
|
|
function QRRSBlock(totalCount, dataCount) { |
|
this.totalCount = totalCount; |
|
this.dataCount = dataCount; |
|
} |
|
|
|
QRRSBlock.RS_BLOCK_TABLE = [ |
|
|
|
// L |
|
// M |
|
// Q |
|
// H |
|
|
|
// 1 |
|
[1, 26, 19], |
|
[1, 26, 16], |
|
[1, 26, 13], |
|
[1, 26, 9], |
|
|
|
// 2 |
|
[1, 44, 34], |
|
[1, 44, 28], |
|
[1, 44, 22], |
|
[1, 44, 16], |
|
|
|
// 3 |
|
[1, 70, 55], |
|
[1, 70, 44], |
|
[2, 35, 17], |
|
[2, 35, 13], |
|
|
|
// 4 |
|
[1, 100, 80], |
|
[2, 50, 32], |
|
[2, 50, 24], |
|
[4, 25, 9], |
|
|
|
// 5 |
|
[1, 134, 108], |
|
[2, 67, 43], |
|
[2, 33, 15, 2, 34, 16], |
|
[2, 33, 11, 2, 34, 12], |
|
|
|
// 6 |
|
[2, 86, 68], |
|
[4, 43, 27], |
|
[4, 43, 19], |
|
[4, 43, 15], |
|
|
|
// 7 |
|
[2, 98, 78], |
|
[4, 49, 31], |
|
[2, 32, 14, 4, 33, 15], |
|
[4, 39, 13, 1, 40, 14], |
|
|
|
// 8 |
|
[2, 121, 97], |
|
[2, 60, 38, 2, 61, 39], |
|
[4, 40, 18, 2, 41, 19], |
|
[4, 40, 14, 2, 41, 15], |
|
|
|
// 9 |
|
[2, 146, 116], |
|
[3, 58, 36, 2, 59, 37], |
|
[4, 36, 16, 4, 37, 17], |
|
[4, 36, 12, 4, 37, 13], |
|
|
|
// 10 |
|
[2, 86, 68, 2, 87, 69], |
|
[4, 69, 43, 1, 70, 44], |
|
[6, 43, 19, 2, 44, 20], |
|
[6, 43, 15, 2, 44, 16], |
|
|
|
// 11 |
|
[4, 101, 81], |
|
[1, 80, 50, 4, 81, 51], |
|
[4, 50, 22, 4, 51, 23], |
|
[3, 36, 12, 8, 37, 13], |
|
|
|
// 12 |
|
[2, 116, 92, 2, 117, 93], |
|
[6, 58, 36, 2, 59, 37], |
|
[4, 46, 20, 6, 47, 21], |
|
[7, 42, 14, 4, 43, 15], |
|
|
|
// 13 |
|
[4, 133, 107], |
|
[8, 59, 37, 1, 60, 38], |
|
[8, 44, 20, 4, 45, 21], |
|
[12, 33, 11, 4, 34, 12], |
|
|
|
// 14 |
|
[3, 145, 115, 1, 146, 116], |
|
[4, 64, 40, 5, 65, 41], |
|
[11, 36, 16, 5, 37, 17], |
|
[11, 36, 12, 5, 37, 13], |
|
|
|
// 15 |
|
[5, 109, 87, 1, 110, 88], |
|
[5, 65, 41, 5, 66, 42], |
|
[5, 54, 24, 7, 55, 25], |
|
[11, 36, 12], |
|
|
|
// 16 |
|
[5, 122, 98, 1, 123, 99], |
|
[7, 73, 45, 3, 74, 46], |
|
[15, 43, 19, 2, 44, 20], |
|
[3, 45, 15, 13, 46, 16], |
|
|
|
// 17 |
|
[1, 135, 107, 5, 136, 108], |
|
[10, 74, 46, 1, 75, 47], |
|
[1, 50, 22, 15, 51, 23], |
|
[2, 42, 14, 17, 43, 15], |
|
|
|
// 18 |
|
[5, 150, 120, 1, 151, 121], |
|
[9, 69, 43, 4, 70, 44], |
|
[17, 50, 22, 1, 51, 23], |
|
[2, 42, 14, 19, 43, 15], |
|
|
|
// 19 |
|
[3, 141, 113, 4, 142, 114], |
|
[3, 70, 44, 11, 71, 45], |
|
[17, 47, 21, 4, 48, 22], |
|
[9, 39, 13, 16, 40, 14], |
|
|
|
// 20 |
|
[3, 135, 107, 5, 136, 108], |
|
[3, 67, 41, 13, 68, 42], |
|
[15, 54, 24, 5, 55, 25], |
|
[15, 43, 15, 10, 44, 16], |
|
|
|
// 21 |
|
[4, 144, 116, 4, 145, 117], |
|
[17, 68, 42], |
|
[17, 50, 22, 6, 51, 23], |
|
[19, 46, 16, 6, 47, 17], |
|
|
|
// 22 |
|
[2, 139, 111, 7, 140, 112], |
|
[17, 74, 46], |
|
[7, 54, 24, 16, 55, 25], |
|
[34, 37, 13], |
|
|
|
// 23 |
|
[4, 151, 121, 5, 152, 122], |
|
[4, 75, 47, 14, 76, 48], |
|
[11, 54, 24, 14, 55, 25], |
|
[16, 45, 15, 14, 46, 16], |
|
|
|
// 24 |
|
[6, 147, 117, 4, 148, 118], |
|
[6, 73, 45, 14, 74, 46], |
|
[11, 54, 24, 16, 55, 25], |
|
[30, 46, 16, 2, 47, 17], |
|
|
|
// 25 |
|
[8, 132, 106, 4, 133, 107], |
|
[8, 75, 47, 13, 76, 48], |
|
[7, 54, 24, 22, 55, 25], |
|
[22, 45, 15, 13, 46, 16], |
|
|
|
// 26 |
|
[10, 142, 114, 2, 143, 115], |
|
[19, 74, 46, 4, 75, 47], |
|
[28, 50, 22, 6, 51, 23], |
|
[33, 46, 16, 4, 47, 17], |
|
|
|
// 27 |
|
[8, 152, 122, 4, 153, 123], |
|
[22, 73, 45, 3, 74, 46], |
|
[8, 53, 23, 26, 54, 24], |
|
[12, 45, 15, 28, 46, 16], |
|
|
|
// 28 |
|
[3, 147, 117, 10, 148, 118], |
|
[3, 73, 45, 23, 74, 46], |
|
[4, 54, 24, 31, 55, 25], |
|
[11, 45, 15, 31, 46, 16], |
|
|
|
// 29 |
|
[7, 146, 116, 7, 147, 117], |
|
[21, 73, 45, 7, 74, 46], |
|
[1, 53, 23, 37, 54, 24], |
|
[19, 45, 15, 26, 46, 16], |
|
|
|
// 30 |
|
[5, 145, 115, 10, 146, 116], |
|
[19, 75, 47, 10, 76, 48], |
|
[15, 54, 24, 25, 55, 25], |
|
[23, 45, 15, 25, 46, 16], |
|
|
|
// 31 |
|
[13, 145, 115, 3, 146, 116], |
|
[2, 74, 46, 29, 75, 47], |
|
[42, 54, 24, 1, 55, 25], |
|
[23, 45, 15, 28, 46, 16], |
|
|
|
// 32 |
|
[17, 145, 115], |
|
[10, 74, 46, 23, 75, 47], |
|
[10, 54, 24, 35, 55, 25], |
|
[19, 45, 15, 35, 46, 16], |
|
|
|
// 33 |
|
[17, 145, 115, 1, 146, 116], |
|
[14, 74, 46, 21, 75, 47], |
|
[29, 54, 24, 19, 55, 25], |
|
[11, 45, 15, 46, 46, 16], |
|
|
|
// 34 |
|
[13, 145, 115, 6, 146, 116], |
|
[14, 74, 46, 23, 75, 47], |
|
[44, 54, 24, 7, 55, 25], |
|
[59, 46, 16, 1, 47, 17], |
|
|
|
// 35 |
|
[12, 151, 121, 7, 152, 122], |
|
[12, 75, 47, 26, 76, 48], |
|
[39, 54, 24, 14, 55, 25], |
|
[22, 45, 15, 41, 46, 16], |
|
|
|
// 36 |
|
[6, 151, 121, 14, 152, 122], |
|
[6, 75, 47, 34, 76, 48], |
|
[46, 54, 24, 10, 55, 25], |
|
[2, 45, 15, 64, 46, 16], |
|
|
|
// 37 |
|
[17, 152, 122, 4, 153, 123], |
|
[29, 74, 46, 14, 75, 47], |
|
[49, 54, 24, 10, 55, 25], |
|
[24, 45, 15, 46, 46, 16], |
|
|
|
// 38 |
|
[4, 152, 122, 18, 153, 123], |
|
[13, 74, 46, 32, 75, 47], |
|
[48, 54, 24, 14, 55, 25], |
|
[42, 45, 15, 32, 46, 16], |
|
|
|
// 39 |
|
[20, 147, 117, 4, 148, 118], |
|
[40, 75, 47, 7, 76, 48], |
|
[43, 54, 24, 22, 55, 25], |
|
[10, 45, 15, 67, 46, 16], |
|
|
|
// 40 |
|
[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 = new Array(); |
|
|
|
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; |
|
} |
|
} |
|
|
|
//--------------------------------------------------------------------- |
|
// QRBitBuffer |
|
//--------------------------------------------------------------------- |
|
|
|
function QRBitBuffer() { |
|
this.buffer = new Array(); |
|
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++; |
|
} |
|
}; |
|
|
|
//--------------------------------------------------------------------- |
|
// Support Chinese 字符编码支持中文 |
|
// 使用mode 4 8bit |
|
//--------------------------------------------------------------------- |
|
function utf16To8(text) { |
|
var result = ''; |
|
var c; |
|
for (var i = 0; i < text.length; i++) { |
|
c = text.charCodeAt(i); |
|
if (c >= 0x0001 && c <= 0x007F) { |
|
result += text.charAt(i); |
|
} else if (c > 0x07FF) { |
|
result += String.fromCharCode(0xE0 | c >> 12 & 0x0F); |
|
result += String.fromCharCode(0x80 | c >> 6 & 0x3F); |
|
result += String.fromCharCode(0x80 | c >> 0 & 0x3F); |
|
} else { |
|
result += String.fromCharCode(0xC0 | c >> 6 & 0x1F); |
|
result += String.fromCharCode(0x80 | c >> 0 & 0x3F); |
|
} |
|
} |
|
return result; |
|
} |
|
|
|
/** |
|
* 队列 |
|
*/ |
|
class Queue { |
|
constructor() { |
|
let waitingQueue = []; |
|
let isRunning = false; //记录是否有未完成的任务 |
|
function execute(task, resolve, reject) { |
|
task() |
|
.then((data) => { |
|
resolve(data); |
|
}) |
|
.catch((e) => { |
|
reject(e); |
|
}) |
|
.finally(() => { |
|
//等待任务队列中如果有任务，则触发它；否则设置isRunning = false,表示无任务状态 |
|
if (waitingQueue.length) { |
|
const next = waitingQueue.shift(); |
|
execute(next.task, next.resolve, next.reject); |
|
} else { |
|
isRunning = false; |
|
} |
|
}); |
|
} |
|
return function(task) { |
|
return new Promise((resolve, reject) => { |
|
if (isRunning) { |
|
waitingQueue.push({ |
|
task, |
|
resolve, |
|
reject |
|
}); |
|
} else { |
|
isRunning = true; |
|
execute(task, resolve, reject); |
|
} |
|
}); |
|
}; |
|
} |
|
} |
|
// const queue = new Queue(); |
|
// queue(() => new Promise((resolve, reject) => { |
|
// setTimeout(() => { |
|
// resolve('task1'); |
|
// }, 1000); |
|
// })).then(data => console.log(data)); |
|
// queue(() => new Promise((resolve, reject) => { |
|
// setTimeout(() => { |
|
// resolve('task2'); |
|
// }, 100); |
|
// })).then(data => console.log(data)); |
|
// queue(() => new Promise((resolve, reject) => { |
|
// setTimeout(() => { |
|
// resolve('task3'); |
|
// }, 300); |
|
// })).then(data => console.log(data)); |
|
|
|
/** |
|
* 纠错等级 |
|
*/ |
|
uQRCode.errorCorrectLevel = QRErrorCorrectLevel; |
|
|
|
/** |
|
* 预设默认值（基本，不包含各部分和艺术码参数） |
|
*/ |
|
uQRCode.defaults = { |
|
typeNumber: -1, // 版本，-1为自动计算，字符越多，版本越高 |
|
errorCorrectLevel: QRErrorCorrectLevel.H, // 纠错等级 |
|
text: '', // 二维码内容 |
|
size: 354, // 大小 |
|
useDynamicSize: false, // 使用动态尺寸，可以去掉方块小数点，绘制出来后没有白色细线 |
|
margin: 0, // 边距 |
|
background: { |
|
color: '#FFFFFF' // 背景色 |
|
}, |
|
foreground: { |
|
color: '#000000' // 前景色 |
|
} |
|
} |
|
|
|
/** |
|
* 对象属性深度替换 |
|
* @param {Object} o 原始对象/默认对象/被替换的对象 |
|
* @param {Object} r 从这个对象里取值替换到o对象里 |
|
* @return {Object} 替换后的新对象 |
|
*/ |
|
uQRCode.deepReplace = function(o = {}, r = {}) { |
|
let obj = { |
|
...o |
|
} |
|
for (let k in r) { |
|
var vr = r[k]; |
|
if (vr.constructor == Object) { |
|
obj[k] = this.deepReplace(obj[k], vr); |
|
} else if (vr.constructor == String && !vr) { |
|
obj[k] = obj[k]; |
|
} else { |
|
obj[k] = vr; |
|
} |
|
} |
|
return obj; |
|
} |
|
|
|
/** |
|
* 获取选项值 |
|
*/ |
|
uQRCode.getOptions = function(options) { |
|
options = uQRCode.deepReplace(uQRCode.defaults, options); |
|
|
|
/* 背景 */ |
|
options.background = uQRCode.deepReplace({ |
|
color: options.background.color, // 背景色 |
|
image: { |
|
src: '', |
|
width: 1, // 图片宽 |
|
height: 1, // 图片高 |
|
align: ['center', 'center'], // 图片对齐方式水平，垂直 |
|
anchor: [0, 0], // 图片位置，X坐标，Y坐标 |
|
alpha: 1 // 透明度 |
|
} |
|
}, options.background); |
|
/* 前景 */ |
|
options.foreground = uQRCode.deepReplace({ |
|
color: options.foreground.color, // 前景色 |
|
image: { |
|
src: '', |
|
width: 1 / 4, // 图片宽 |
|
height: 1 / 4, // 图片高 |
|
align: ['center', 'center'], // 图片对齐方式水平，垂直 |
|
anchor: [0, 0] // 图片位置，X坐标，Y坐标 |
|
} |
|
}, options.foreground); |
|
/* 定位角 */ |
|
options.positionDetection = uQRCode.deepReplace({ |
|
backgroundColor: options.background.color, // 定位角区域背景色，默认值跟随背景色 |
|
foregroundColor: options.foreground.color // 定位角小块颜色，默认值跟随前景色 |
|
}, options.positionDetection); |
|
/* 分割图案 */ |
|
options.separator = uQRCode.deepReplace({ |
|
color: options.background.color // 分割区域颜色，默认值跟随背景色 |
|
}, options.separator); |
|
/* 对齐图案 */ |
|
options.alignment = uQRCode.deepReplace({ |
|
backgroundColor: options.background.color, // 对齐区域背景色，默认值跟随背景色 |
|
foregroundColor: options.foreground.color // 对齐小块颜色，默认值跟随前景色 |
|
}, options.alignment); |
|
/* 时序图案 */ |
|
options.timing = uQRCode.deepReplace({ |
|
backgroundColor: options.background.color, // 时序区域背景色，默认值跟随背景色 |
|
foregroundColor: options.foreground.color // 时序小块颜色，默认值跟随前景色 |
|
}, options.timing); |
|
/* 暗块 */ |
|
options.darkBlock = uQRCode.deepReplace({ |
|
color: options.foreground.color // 暗块颜色 |
|
}, options.darkBlock); |
|
/* 版本信息 */ |
|
options.versionInformation = uQRCode.deepReplace({ |
|
backgroundColor: options.background.color, // 版本信息区域背景色，默认值跟随背景色 |
|
foregroundColor: options.foreground.color // 版本信息小块颜色，默认值跟随前景色 |
|
}, options.versionInformation); |
|
|
|
return options; |
|
} |
|
|
|
/** |
|
* 获取canvas实例 |
|
*/ |
|
uQRCode.getCanvasContext = function(ctx) { |
|
/* 兼容setFillStyle写法，主要在uni-app nvue gcanvas */ |
|
ctx.setFillStyle = ctx.setFillStyle || function(color) { |
|
ctx.fillStyle = color; |
|
} |
|
/* 兼容setFontSize写法，主要在微信小程序canvas2d */ |
|
ctx.setFontSize = ctx.setFontSize || function(fontSize) { |
|
ctx.font = `${fontSize}px`; |
|
} |
|
/* 兼容setTextAlign写法，主要在微信小程序canvas2d */ |
|
ctx.setTextAlign = ctx.setTextAlign || function(align) { |
|
ctx.textAlign = align; |
|
} |
|
/* 兼容setTextBaseline写法，主要在微信小程序canvas2d */ |
|
ctx.setTextBaseline = ctx.setTextBaseline || function(textBaseline) { |
|
ctx.textBaseline = textBaseline; |
|
} |
|
/* 若实例不包含draw方法则创建一个 */ |
|
ctx.draw = ctx.draw || function(reserve, callback) { |
|
callback && callback(); |
|
} |
|
return ctx; |
|
} |
|
|
|
/* 队列实例，某些平台一起使用多个组件时需要通过队列逐一绘制，否则部分绘制方法异常，nvue端的iOS gcanvas尤其明显，在不通过队列绘制时会出现图片丢失的情况 */ |
|
uQRCode.Queue = new Queue(); |
|
uQRCode.QueueLoadImage = new Queue(); |
|
|
|
/* 缓存loadImage图片 */ |
|
uQRCode.loadImageCache = []; |
|
|
|
/** |
|
* 获取加载图片方法 |
|
*/ |
|
uQRCode.getLoadImage = function(loadImage) { |
|
if (typeof loadImage == 'function') { |
|
return function(src) { |
|
/* 解决iOS APP||NVUE同时绘制多个二维码导致图片丢失需使用队列 */ |
|
return uQRCode.QueueLoadImage(() => new Promise((resolve, reject) => { |
|
setTimeout(() => { |
|
const cache = uQRCode.loadImageCache.find(x => x.src == src); |
|
if (cache) { |
|
resolve(cache.img); |
|
} else { |
|
loadImage(src).then(img => { |
|
uQRCode.loadImageCache.push({ |
|
src, |
|
img |
|
}); |
|
resolve(img); |
|
}); |
|
} |
|
}, 150); |
|
})); |
|
} |
|
} else { |
|
return function(src) { |
|
return Promise.resolve(src); |
|
} |
|
} |
|
} |
|
|
|
uQRCode.prototype = { |
|
/** |
|
* 实例化传入的选项值 |
|
*/ |
|
options: {}, |
|
|
|
/** |
|
* 画布实例 |
|
*/ |
|
canvasContext: {}, |
|
|
|
/** |
|
* 制作二维码全部数据 |
|
*/ |
|
makeData: {}, |
|
|
|
/** |
|
* 制作二维码主要模块数据，基于makeData的modules但数据格式不一致，这里的modules是定制过的 |
|
*/ |
|
modules: [], |
|
|
|
/** |
|
* 模块数量 |
|
*/ |
|
moduleCount: 0, |
|
|
|
/** |
|
* 获取制作二维码数据 |
|
*/ |
|
getMakeData() { |
|
let { |
|
typeNumber, |
|
errorCorrectLevel, |
|
text |
|
} = this.options; |
|
var qrcode = new QRCode(typeNumber, errorCorrectLevel); |
|
qrcode.addData(utf16To8(text.toString())); |
|
qrcode.make(); |
|
return qrcode; |
|
}, |
|
|
|
/** |
|
* 制作二维码方法 |
|
*/ |
|
make() { |
|
let makeData = this.makeData = this.getMakeData(); |
|
this.modules = JSON.parse(JSON.stringify(makeData.modules)); |
|
this.moduleCount = makeData.moduleCount; |
|
this.options.typeNumber = makeData.typeNumber; |
|
|
|
/* 数据码 data */ |
|
this.paintData(); |
|
/* 定位图案 position detection */ |
|
this.paintPositionDetection(); |
|
/* 分隔图案 separator */ |
|
this.paintSeparator(); |
|
/* 对齐图案 alignment */ |
|
this.paintAlignment(); |
|
/* 时序图案 timing */ |
|
this.paintTiming(); |
|
/* 暗块 darkBlock */ |
|
this.paintDarkBlock(); |
|
/* 预留版本信息 version information */ |
|
this.paintVersionInformation(); |
|
}, |
|
|
|
paintData() { |
|
let modules = this.modules; |
|
let moduleCount = this.moduleCount; |
|
let { |
|
size, |
|
margin, |
|
background, |
|
foreground, |
|
useDynamicSize |
|
} = this.options; |
|
|
|
/* dynamicSize自动计算出最适合绘制的尺寸，并按这个尺寸去绘制，可以解决canvas绘制小块间产生白线的问题（其实就是小数点精度问题），useDynamicSize=false可以取消这个设定 */ |
|
// let dynamicSize = this.options.dynamicSize = Math.floor((size - margin * 2) / moduleCount) * moduleCount + margin * 2; // Math.floor向下取整缩放会模糊 |
|
let dynamicSize = this.options.dynamicSize = Math.ceil((size - margin * 2) / moduleCount) * moduleCount + margin * 2; // Math.ceil向上取整缩放效果比floor清晰 |
|
if (!useDynamicSize) { |
|
dynamicSize = this.options.dynamicSize = size; |
|
} |
|
let tileSize = (dynamicSize - margin * 2) / moduleCount; |
|
|
|
for (var rowI = 0; rowI < modules.length; rowI++) { |
|
for (var colI = 0; colI < modules.length; colI++) { |
|
var tile = modules[rowI][colI]; |
|
if (tile) { |
|
modules[rowI][colI] = { |
|
size: tileSize, |
|
x: colI * tileSize + margin, |
|
y: rowI * tileSize + margin, |
|
type: ['foreground'], |
|
color: foreground.color, |
|
isBlack: true, |
|
isDrawn: false |
|
}; |
|
} else { |
|
modules[rowI][colI] = { |
|
size: tileSize, |
|
x: colI * tileSize + margin, |
|
y: rowI * tileSize + margin, |
|
type: ['background'], |
|
color: background.color, |
|
isBlack: false, |
|
isDrawn: false |
|
}; |
|
} |
|
} |
|
} |
|
}, |
|
|
|
paintPositionDetection() { |
|
let modules = this.modules; |
|
let size = this.moduleCount; |
|
let { |
|
positionDetection |
|
} = this.options; |
|
|
|
//1) 定义基础图形索引（左上角）x ,y,v |
|
let basePart = [ |
|
[0, 0, 1], |
|
[1, 0, 1], |
|
[2, 0, 1], |
|
[3, 0, 1], |
|
[4, 0, 1], |
|
[5, 0, 1], |
|
[6, 0, 1], |
|
[0, 1, 1], |
|
[1, 1, 0], |
|
[2, 1, 0], |
|
[3, 1, 0], |
|
[4, 1, 0], |
|
[5, 1, 0], |
|
[6, 1, 1], |
|
[0, 2, 1], |
|
[1, 2, 0], |
|
[2, 2, 1], |
|
[3, 2, 1], |
|
[4, 2, 1], |
|
[5, 2, 0], |
|
[6, 2, 1], |
|
[0, 3, 1], |
|
[1, 3, 0], |
|
[2, 3, 1], |
|
[3, 3, 1], |
|
[4, 3, 1], |
|
[5, 3, 0], |
|
[6, 3, 1], |
|
[0, 4, 1], |
|
[1, 4, 0], |
|
[2, 4, 1], |
|
[3, 4, 1], |
|
[4, 4, 1], |
|
[5, 4, 0], |
|
[6, 4, 1], |
|
[0, 5, 1], |
|
[1, 5, 0], |
|
[2, 5, 0], |
|
[3, 5, 0], |
|
[4, 5, 0], |
|
[5, 5, 0], |
|
[6, 5, 1], |
|
[0, 6, 1], |
|
[1, 6, 1], |
|
[2, 6, 1], |
|
[3, 6, 1], |
|
[4, 6, 1], |
|
[5, 6, 1], |
|
[6, 6, 1] |
|
]; |
|
let disc = size - 7; //size -7 |
|
basePart.forEach(d => { |
|
var ltItem = modules[d[0]][d[1]]; |
|
var rtItem = modules[d[0] + disc][d[1]]; |
|
var lbItem = modules[d[0]][d[1] + disc]; |
|
lbItem.type.push('positionDetection'); |
|
rtItem.type.push('positionDetection'); |
|
ltItem.type.push('positionDetection'); |
|
//绘制左上角 |
|
ltItem.color = d[2] == 1 ? positionDetection.foregroundColor : positionDetection.backgroundColor; |
|
//绘制右 |
|
rtItem.color = d[2] == 1 ? positionDetection.foregroundColor : positionDetection.backgroundColor; |
|
//绘制左 |
|
lbItem.color = d[2] == 1 ? positionDetection.foregroundColor : positionDetection.backgroundColor; |
|
}); |
|
}, |
|
|
|
paintSeparator() { |
|
let modules = this.modules; |
|
let size = this.moduleCount; |
|
let { |
|
separator |
|
} = this.options; |
|
|
|
//1) 定义基础图形索引（左上角） |
|
[ |
|
[7, 0], |
|
[7, 1], |
|
[7, 2], |
|
[7, 3], |
|
[7, 4], |
|
[7, 5], |
|
[7, 6], |
|
[7, 7], |
|
[0, 7], |
|
[1, 7], |
|
[2, 7], |
|
[3, 7], |
|
[4, 7], |
|
[5, 7], |
|
[6, 7] |
|
].forEach(d => { |
|
var ltItem = modules[d[0]][d[1]]; |
|
var rtItem = modules[size - d[0] - 1][d[1]]; |
|
var lbItem = modules[d[0]][size - d[1] - 1]; |
|
lbItem.type.push('separator'); |
|
rtItem.type.push('separator'); |
|
ltItem.type.push('separator'); |
|
//绘制左上 |
|
ltItem.color = separator.color; |
|
//绘制右 |
|
rtItem.color = separator.color; |
|
//绘制左 |
|
lbItem.color = separator.color; |
|
}); |
|
}, |
|
|
|
paintAlignment() { |
|
let modules = this.modules; |
|
let size = this.moduleCount; |
|
let { |
|
alignment, |
|
typeNumber |
|
} = this.options; |
|
|
|
//不同版本的对齐图案组合位置 |
|
const ALIGNMENT_OF_VERSION = [ |
|
[], |
|
[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] |
|
]; |
|
// 对齐图案数量和中心位置根据版本定义 |
|
const alignments = ALIGNMENT_OF_VERSION[typeNumber - 1]; |
|
if (alignments) { |
|
const calcMatrix = [ |
|
[-2, -2, 1], |
|
[-1, -2, 1], |
|
[0, -2, 1], |
|
[1, -2, 1], |
|
[2, -2, 1], |
|
[-2, -1, 1], |
|
[-1, -1, 0], |
|
[0, -1, 0], |
|
[1, -1, 0], |
|
[2, -1, 1], |
|
[-2, 0, 1], |
|
[-1, 0, 0], |
|
[0, 0, 1], |
|
[1, 0, 0], |
|
[2, 0, 1], |
|
[-2, 1, 1], |
|
[-1, 1, 0], |
|
[0, 1, 0], |
|
[1, 1, 0], |
|
[2, 1, 1], |
|
[-2, 2, 1], |
|
[-1, 2, 1], |
|
[0, 2, 1], |
|
[1, 2, 1], |
|
[2, 2, 1] |
|
]; |
|
const group_len = alignments.length; |
|
for (let i = 0; i < group_len; i++) { |
|
for (let j = 0; j < group_len; j++) { |
|
//对齐图案不能污染 定位器和分隔器 |
|
let { |
|
x, |
|
y |
|
} = { |
|
x: alignments[i], |
|
y: alignments[j] |
|
}; |
|
if (!((x < 9 && y < 9) || (x > size - 9 - 1 && y < 9) || (y > size - 9 - 1 && x < 9))) { |
|
calcMatrix.forEach(d => { |
|
var alignmentItem = modules[x + d[0]][y + d[1]]; |
|
alignmentItem.type.push('alignment'); |
|
alignmentItem.color = d[2] == 1 ? alignment.foregroundColor : alignment.backgroundColor; |
|
}); |
|
} |
|
} |
|
} |
|
} |
|
}, |
|
|
|
paintTiming() { |
|
let modules = this.modules; |
|
let { |
|
timing |
|
} = this.options; |
|
|
|
let timingPartLen = modules.length - 16; |
|
for (let i = 0; i < timingPartLen; i++) { |
|
var xItem = modules[6][8 + i]; |
|
var yItem = modules[8 + i][6]; |
|
xItem.type.push('timing'); |
|
yItem.type.push('timing'); |
|
xItem.color = (1 & i) ^ 1 ? timing.foregroundColor : timing.backgroundColor; |
|
yItem.color = (1 & i) ^ 1 ? timing.foregroundColor : timing.backgroundColor; |
|
} |
|
}, |
|
|
|
paintDarkBlock() { |
|
let modules = this.modules; |
|
let size = this.moduleCount; |
|
let { |
|
darkBlock |
|
} = this.options; |
|
|
|
//创建暗模块 |
|
var darkBlockItem = modules[size - 7 - 1][8]; |
|
darkBlockItem.type.push('darkBlock'); |
|
darkBlockItem.color = darkBlock.color; |
|
}, |
|
|
|
paintVersionInformation() { |
|
let modules = this.modules; |
|
let size = this.moduleCount; |
|
let { |
|
versionInformation, |
|
typeNumber: version |
|
} = this.options; |
|
|
|
if (version < 7) { |
|
return modules; |
|
} |
|
//预留版本信息 0 为补位,预留版本信息 是从索引7开始 |
|
const VERSIONS = [ |
|
0, |
|
0, |
|
0, |
|
0, |
|
0, |
|
0, |
|
0, |
|
'000111110010010100', |
|
'001000010110111100', |
|
'001001101010011001', |
|
'001010010011010011', |
|
'001011101111110110', |
|
'001100011101100010', |
|
'001101100001000111', |
|
'001110011000001101', |
|
'001111100100101000', |
|
'010000101101111000', |
|
'010001010001011101', |
|
'010010101000010111', |
|
'010011010100110010', |
|
'010100100110100110', |
|
'010101011010000011', |
|
'010110100011001001', |
|
'010111011111101100', |
|
'011000111011000100', |
|
'011001000111100001', |
|
'011010111110101011', |
|
'011011000010001110', |
|
'011100110000011010', |
|
'011101001100111111', |
|
'011110110101110101', |
|
'011111001001010000', |
|
'100000100111010101', |
|
'100001011011110000', |
|
'100010100010111010', |
|
'100011011110011111', |
|
'100100101100001011', |
|
'100101010000101110', |
|
'100110101001100100', |
|
'100111010101000001', |
|
'101000110001101001' |
|
]; |
|
|
|
//两种方式获取预留格式信息,临时计算或者查字典 |
|
//let version_codes = _v.correctVersionData(_v.version); |
|
let version_codes = VERSIONS[version] + VERSIONS[version]; |
|
//创建预留版本信息 |
|
let disc = [size - 11, size - 10, size - 9]; |
|
// 左+右 |
|
let version_cells = [ |
|
//左 |
|
[5, disc[2]], |
|
[5, disc[1]], |
|
[5, disc[0]], |
|
[4, disc[2]], |
|
[4, disc[1]], |
|
[4, disc[0]], |
|
[3, disc[2]], |
|
[3, disc[1]], |
|
[3, disc[0]], |
|
[2, disc[2]], |
|
[2, disc[1]], |
|
[2, disc[0]], |
|
[1, disc[2]], |
|
[1, disc[1]], |
|
[1, disc[0]], |
|
[0, disc[2]], |
|
[0, disc[1]], |
|
[0, disc[0]], |
|
//右 |
|
[disc[2], 5], |
|
[disc[1], 5], |
|
[disc[0], 5], |
|
[disc[2], 4], |
|
[disc[1], 4], |
|
[disc[0], 4], |
|
[disc[2], 3], |
|
[disc[1], 3], |
|
[disc[0], 3], |
|
[disc[2], 2], |
|
[disc[1], 2], |
|
[disc[0], 2], |
|
[disc[2], 1], |
|
[disc[1], 1], |
|
[disc[0], 1], |
|
[disc[2], 0], |
|
[disc[1], 0], |
|
[disc[0], 0] |
|
]; |
|
version_cells.forEach((d, index) => { |
|
var versionInformationItem = modules[d[0]][d[1]]; |
|
versionInformationItem.type.push('versionInformation'); |
|
versionInformationItem.color = version_codes[index] == '1' ? versionInformation.foregroundColor : versionInformation.backgroundColor; |
|
}); |
|
}, |
|
|
|
/** |
|
* 绘制二维码方法 |
|
*/ |
|
draw(options) { |
|
options = uQRCode.deepReplace({ |
|
drawBackground: { |
|
before: () => {}, |
|
after: () => {} |
|
}, |
|
drawBackgroundImage: { |
|
before: () => {}, |
|
after: () => {} |
|
}, |
|
drawForeground: { |
|
before: () => {}, |
|
after: () => {} |
|
}, |
|
drawForegroundImage: { |
|
before: () => {}, |
|
after: () => {} |
|
} |
|
}, options); |
|
|
|
/* 绘制层级关系，最底层背景 -> 背景图片 -> 前景 -> 最顶层前景图片 */ |
|
return new Promise((resolve, reject) => { |
|
let ctx = this.canvasContext; |
|
|
|
const startup = () => { |
|
/* 同时绘制多个二维码时使用队列绘制，防止内部方法冲突导致绘制失败 */ |
|
return uQRCode.Queue(() => new Promise((queueResolve, queueReject) => { |
|
setTimeout(() => { |
|
ctx.draw(false); // 第一个draw false可以清空画布 |
|
queueResolve(); |
|
}, 150); |
|
})); |
|
} |
|
startup() |
|
.then(() => { |
|
/* 绘制背景 */ |
|
return this.drawBackground({ |
|
before: options.drawBackground.before, |
|
after: options.drawBackground.after |
|
}); |
|
}) |
|
.then(() => { |
|
/* 绘制背景图片 */ |
|
return this.drawBackgroundImage({ |
|
before: options.drawBackgroundImage.before, |
|
after: options.drawBackgroundImage.after |
|
}); |
|
}) |
|
.then(() => { |
|
/* 绘制前景 */ |
|
return this.drawForeground({ |
|
before: options.drawForeground.before, |
|
after: options.drawForeground.after |
|
}); |
|
}) |
|
.then(() => { |
|
/* 绘制前景图片 */ |
|
return this.drawForegroundImage({ |
|
before: options.drawForegroundImage.before, |
|
after: options.drawForegroundImage.after |
|
}); |
|
}) |
|
.then(() => { |
|
/* 完成绘制 */ |
|
resolve(); |
|
}); |
|
}); |
|
}, |
|
|
|
drawBackground({ |
|
before, |
|
after |
|
}) { |
|
let { |
|
dynamicSize: size, |
|
background |
|
} = this.options; |
|
let ctx = this.canvasContext; |
|
|
|
return new Promise((resolve, reject) => { |
|
(async () => { |
|
await before(this); |
|
|
|
ctx.save(); |
|
/* 填充背景色 */ |
|
ctx.setFillStyle(background.color); |
|
ctx.fillRect(0, 0, size, size); |
|
ctx.restore(); |
|
ctx.draw(true); // gcanvas需要每一阶段都draw一下，否则重绘有问题，例如uni-app nvue绘制图片会失败 |
|
|
|
await after(this); |
|
resolve(); |
|
})(); |
|
}); |
|
}, |
|
|
|
drawBackgroundImage({ |
|
before, |
|
after |
|
}) { |
|
let { |
|
dynamicSize: size, |
|
background |
|
} = this.options; |
|
let ctx = this.canvasContext; |
|
|
|
return new Promise((resolve, reject) => { |
|
(async () => { |
|
await before(this); |
|
|
|
if (background.image.src) { |
|
ctx.save(); |
|
|
|
let x = 0; |
|
let y = 0; |
|
|
|
let w = background.image.width * size; |
|
let h = background.image.height * size; |
|
let align = background.image.align; |
|
let anchor = background.image.anchor; |
|
let alpha = background.image.alpha; |
|
|
|
switch (align[0]) { |
|
case 'left': |
|
x = 0; |
|
break; |
|
case 'center': |
|
x = size / 2 - w / 2; |
|
break; |
|
case 'right': |
|
x = size - w; |
|
break; |
|
} |
|
x += Number(anchor[0]); |
|
|
|
switch (align[1]) { |
|
case 'top': |
|
y = 0; |
|
break; |
|
case 'center': |
|
y = size / 2 - h / 2; |
|
break; |
|
case 'bottom': |
|
y = size - h; |
|
break; |
|
} |
|
y += Number(anchor[1]); |
|
|
|
/* 设置透明度 */ |
|
ctx.globalAlpha = alpha; |
|
|
|
/* 绘制图片 */ |
|
const img = await this.loadImage(background.image.src); |
|
ctx.drawImage(img, x, y, w, h); |
|
ctx.restore(); |
|
ctx.draw(true); // gcanvas需要每一阶段都draw一下，否则重绘有问题，例如uni-app nvue绘制图片会失败 |
|
} |
|
|
|
await after(this); |
|
resolve(); |
|
})(); |
|
}); |
|
}, |
|
|
|
drawForeground({ |
|
before, |
|
after |
|
}) { |
|
let { |
|
background |
|
} = this.options; |
|
let modules = this.modules; |
|
let moduleCount = this.moduleCount; |
|
let ctx = this.canvasContext; |
|
|
|
return new Promise((resolve, reject) => { |
|
(async () => { |
|
await before(this); |
|
|
|
ctx.save(); |
|
for (var rowI = 0; rowI < moduleCount; rowI++) { |
|
for (var colI = 0; colI < moduleCount; colI++) { |
|
var tile = modules[rowI][colI]; |
|
if (!tile.isDrawn && tile.color != background.color) { // 颜色不能与背景色一致，否则可能发生颜色重叠 |
|
var color = tile.color; |
|
ctx.setFillStyle(color); |
|
ctx.fillRect(tile.x, tile.y, tile.size, tile.size); |
|
tile.isDrawn = true; |
|
} |
|
} |
|
} |
|
ctx.restore(); |
|
ctx.draw(true); // gcanvas需要每一阶段都draw一下，否则重绘有问题，例如uni-app nvue绘制图片会失败 |
|
|
|
await after(this); |
|
resolve(); |
|
})(); |
|
}); |
|
}, |
|
|
|
drawForegroundImage({ |
|
before, |
|
after |
|
}) { |
|
let { |
|
dynamicSize: size, |
|
foreground |
|
} = this.options; |
|
let ctx = this.canvasContext; |
|
|
|
return new Promise((resolve, reject) => { |
|
(async () => { |
|
await before(this); |
|
|
|
if (foreground.image.src) { |
|
ctx.save(); |
|
|
|
// 绘制前景图 |
|
let x = 0; |
|
let y = 0; |
|
|
|
let w = foreground.image.width * size; |
|
let h = foreground.image.height * size; |
|
let align = foreground.image.align; |
|
let anchor = foreground.image.anchor; |
|
let alpha = foreground.image.alpha; |
|
let shadow = foreground.image.shadow; |
|
let border = foreground.image.border; |
|
|
|
switch (align[0]) { |
|
case 'left': |
|
x = 0; |
|
break; |
|
case 'center': |
|
x = size / 2 - w / 2; |
|
break; |
|
case 'right': |
|
x = size - w; |
|
break; |
|
} |
|
x += Number(anchor[0]); |
|
|
|
switch (align[1]) { |
|
case 'top': |
|
y = 0; |
|
break; |
|
case 'center': |
|
y = size / 2 - h / 2; |
|
break; |
|
case 'bottom': |
|
y = size - h; |
|
break; |
|
} |
|
y += Number(anchor[1]); |
|
|
|
/* 绘制图片 */ |
|
const img = await this.loadImage(foreground.image.src); |
|
ctx.drawImage(img, x, y, w, h); |
|
ctx.restore(); |
|
ctx.draw(true); // gcanvas需要每一阶段都draw一下，否则重绘有问题，例如uni-app nvue绘制图片会失败 |
|
} |
|
|
|
await after(this); |
|
resolve(); |
|
})(); |
|
}); |
|
} |
|
|
|
} |
|
|
|
})(); |
|
|
|
export default uQRCode;
|
|
|