kopia lustrzana https://github.com/viljoviitanen/qrcodejs
Revert "Store off reference to this for use with callbacks"
This reverts commit 95b47b9a19.
refactoring
David Clarke
rodzic
95b47b9a19
commit
0a85290fb2
795
qrcode.js
795
qrcode.js
|
|
@ -95,410 +95,403 @@ var QRCode;
|
||||||
if(bit){this.buffer[bufIndex]|=(0x80>>>(this.length%8));}
|
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]];
|
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() {
|
function _isSupportCanvas() {
|
||||||
return typeof CanvasRenderingContext2D != "undefined";
|
return typeof CanvasRenderingContext2D != "undefined";
|
||||||
}
|
}
|
||||||
|
|
||||||
// android 2.x doesn't support Data-URI spec
|
// android 2.x doesn't support Data-URI spec
|
||||||
|
function _getAndroid() {
|
||||||
function _getAndroid() {
|
var android = false;
|
||||||
var android = false;
|
var sAgent = navigator.userAgent;
|
||||||
var sAgent = navigator.userAgent;
|
|
||||||
|
if (/android/i.test(sAgent)) { // android
|
||||||
if (/android/i.test(sAgent)) { // android
|
android = true;
|
||||||
android = true;
|
aMat = sAgent.toString().match(/android ([0-9]\.[0-9])/i);
|
||||||
aMat = sAgent.toString()
|
|
||||||
.match(/android ([0-9]\.[0-9])/i);
|
if (aMat && aMat[1]) {
|
||||||
|
android = parseFloat(aMat[1]);
|
||||||
if (aMat && aMat[1]) {
|
}
|
||||||
android = parseFloat(aMat[1]);
|
}
|
||||||
}
|
|
||||||
}
|
return android;
|
||||||
|
}
|
||||||
return android;
|
|
||||||
}
|
// Drawing in DOM by using Table tag
|
||||||
|
var Drawing = !_isSupportCanvas() ? (function () {
|
||||||
// Drawing in DOM by using Table tag
|
var Drawing = function (el, htOption) {
|
||||||
var Drawing = !_isSupportCanvas() ? (function() {
|
this._el = el;
|
||||||
var Drawing = function(el, htOption) {
|
this._htOption = htOption;
|
||||||
this._el = el;
|
};
|
||||||
this._htOption = htOption;
|
|
||||||
};
|
/**
|
||||||
|
* Draw the QRCode
|
||||||
/**
|
*
|
||||||
* Draw the QRCode
|
* @param {QRCode} oQRCode
|
||||||
*
|
*/
|
||||||
* @param {QRCode} oQRCode
|
Drawing.prototype.draw = function (oQRCode) {
|
||||||
*/
|
|
||||||
Drawing.prototype.draw = function(oQRCode) {
|
|
||||||
var _htOption = this._htOption;
|
var _htOption = this._htOption;
|
||||||
var _el = this._el;
|
var _el = this._el;
|
||||||
var nCount = oQRCode.getModuleCount();
|
var nCount = oQRCode.getModuleCount();
|
||||||
var nWidth = Math.floor(_htOption.width / nCount);
|
var nWidth = Math.floor(_htOption.width / nCount);
|
||||||
var nHeight = Math.floor(_htOption.height / nCount);
|
var nHeight = Math.floor(_htOption.height / nCount);
|
||||||
var aHTML = ['<table style="border:0;border-collapse:collapse;">'];
|
var aHTML = ['<table style="border:0;border-collapse:collapse;">'];
|
||||||
|
|
||||||
for (var row = 0; row < nCount; row++) {
|
for (var row = 0; row < nCount; row++) {
|
||||||
aHTML.push('<tr>');
|
aHTML.push('<tr>');
|
||||||
|
|
||||||
for (var col = 0; col < nCount; col++) {
|
for (var col = 0; col < nCount; col++) {
|
||||||
aHTML.push('<td style="border:0;border-collapse:collapse;padding:0;margin:0;width:' + nWidth + 'px;height:' + nHeight + 'px;background-color:' + (oQRCode.isDark(row, col) ? _htOption.colorDark : _htOption.colorLight) + ';"></td>');
|
aHTML.push('<td style="border:0;border-collapse:collapse;padding:0;margin:0;width:' + nWidth + 'px;height:' + nHeight + 'px;background-color:' + (oQRCode.isDark(row, col) ? _htOption.colorDark : _htOption.colorLight) + ';"></td>');
|
||||||
}
|
}
|
||||||
|
|
||||||
aHTML.push('</tr>');
|
aHTML.push('</tr>');
|
||||||
}
|
}
|
||||||
|
|
||||||
aHTML.push('</table>');
|
aHTML.push('</table>');
|
||||||
_el.innerHTML = aHTML.join('');
|
_el.innerHTML = aHTML.join('');
|
||||||
|
|
||||||
// Fix the margin values as real size.
|
// Fix the margin values as real size.
|
||||||
var elTable = _el.childNodes[0];
|
var elTable = _el.childNodes[0];
|
||||||
var nLeftMarginTable = (_htOption.width - elTable.offsetWidth) / 2;
|
var nLeftMarginTable = (_htOption.width - elTable.offsetWidth) / 2;
|
||||||
var nTopMarginTable = (_htOption.height - elTable.offsetHeight) / 2;
|
var nTopMarginTable = (_htOption.height - elTable.offsetHeight) / 2;
|
||||||
|
|
||||||
if (nLeftMarginTable > 0 && nTopMarginTable > 0) {
|
if (nLeftMarginTable > 0 && nTopMarginTable > 0) {
|
||||||
elTable.style.margin = nTopMarginTable + "px " + nLeftMarginTable + "px";
|
elTable.style.margin = nTopMarginTable + "px " + nLeftMarginTable + "px";
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Clear the QRCode
|
* Clear the QRCode
|
||||||
*/
|
*/
|
||||||
Drawing.prototype.clear = function() {
|
Drawing.prototype.clear = function () {
|
||||||
this._el.innerHTML = '';
|
this._el.innerHTML = '';
|
||||||
};
|
};
|
||||||
|
|
||||||
return Drawing;
|
return Drawing;
|
||||||
})() : (function() { // Drawing in Canvas
|
})() : (function () { // Drawing in Canvas
|
||||||
|
function _onMakeImage() {
|
||||||
function _onMakeImage() {
|
this._elImage.src = this._elCanvas.toDataURL("image/png");
|
||||||
this._elImage.src = this._elCanvas.toDataURL("image/png");
|
this._elImage.style.display = "block";
|
||||||
this._elImage.style.display = "block";
|
this._elCanvas.style.display = "none";
|
||||||
this._elCanvas.style.display = "none";
|
}
|
||||||
}
|
|
||||||
|
// Android 2.1 bug workaround
|
||||||
// Android 2.1 bug workaround
|
// http://code.google.com/p/android/issues/detail?id=5141
|
||||||
// http://code.google.com/p/android/issues/detail?id=5141
|
if (this._android && this._android <= 2.1) {
|
||||||
if (this._android && this._android <= 2.1) {
|
var factor = 1 / window.devicePixelRatio;
|
||||||
var factor = 1 / window.devicePixelRatio;
|
var drawImage = CanvasRenderingContext2D.prototype.drawImage;
|
||||||
var drawImage = CanvasRenderingContext2D.prototype.drawImage;
|
CanvasRenderingContext2D.prototype.drawImage = function (image, sx, sy, sw, sh, dx, dy, dw, dh) {
|
||||||
CanvasRenderingContext2D.prototype.drawImage = function(image, sx, sy, sw, sh, dx, dy, dw, dh) {
|
if (("nodeName" in image) && /img/i.test(image.nodeName)) {
|
||||||
if (("nodeName" in image) && /img/i.test(image.nodeName)) {
|
for (var i = arguments.length - 1; i >= 1; i--) {
|
||||||
for (var i = arguments.length - 1; i >= 1; i--) {
|
arguments[i] = arguments[i] * factor;
|
||||||
arguments[i] = arguments[i] * factor;
|
}
|
||||||
}
|
} else if (typeof dw == "undefined") {
|
||||||
} else if (typeof dw == "undefined") {
|
arguments[1] *= factor;
|
||||||
arguments[1] *= factor;
|
arguments[2] *= factor;
|
||||||
arguments[2] *= factor;
|
arguments[3] *= factor;
|
||||||
arguments[3] *= factor;
|
arguments[4] *= factor;
|
||||||
arguments[4] *= factor;
|
}
|
||||||
}
|
|
||||||
|
drawImage.apply(this, arguments);
|
||||||
drawImage.apply(this, arguments);
|
};
|
||||||
};
|
}
|
||||||
}
|
|
||||||
|
/**
|
||||||
/**
|
* Check whether the user's browser supports Data URI or not
|
||||||
* Check whether the user's browser supports Data URI or not
|
*
|
||||||
*
|
* @private
|
||||||
* @private
|
* @param {Function} fSuccess Occurs if it supports Data URI
|
||||||
* @param {Function} fSuccess Occurs if it supports Data URI
|
* @param {Function} fFail Occurs if it doesn't support Data URI
|
||||||
* @param {Function} fFail Occurs if it doesn't support Data URI
|
*/
|
||||||
*/
|
function _safeSetDataURI(fSuccess, fFail) {
|
||||||
|
this._fFail = fFail;
|
||||||
function _safeSetDataURI(fSuccess, fFail) {
|
this._fSuccess = fSuccess;
|
||||||
var self = this;
|
|
||||||
self._fFail = fFail;
|
// Check it just once
|
||||||
self._fSuccess = fSuccess;
|
if (this._bSupportDataURI === null) {
|
||||||
|
var el = document.createElement("img");
|
||||||
// Check it just once
|
var fOnError = function () {
|
||||||
if (self._bSupportDataURI === null) {
|
this._bSupportDataURI = false;
|
||||||
var el = document.createElement("img");
|
|
||||||
var fOnError = function() {
|
if (this._fFail) {
|
||||||
self._bSupportDataURI = false;
|
_fFail.call(this);
|
||||||
|
}
|
||||||
if (self._fFail) {
|
};
|
||||||
_fFail.call(self);
|
var fOnSuccess = function () {
|
||||||
}
|
this._bSupportDataURI = true;
|
||||||
};
|
|
||||||
var fOnSuccess = function() {
|
if (this._fSuccess) {
|
||||||
self._bSupportDataURI = true;
|
_fSuccess.call(this);
|
||||||
|
}
|
||||||
if (self._fSuccess) {
|
};
|
||||||
self._fSuccess.call(self);
|
|
||||||
}
|
el.onabort = fOnError;
|
||||||
};
|
el.onerror = fOnError;
|
||||||
|
el.onload = fOnSuccess;
|
||||||
el.onabort = fOnError;
|
el.src = "data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="; // the Image contains 1px data.
|
||||||
el.onerror = fOnError;
|
return;
|
||||||
el.onload = fOnSuccess;
|
} else if (this._bSupportDataURI === true && this._fSuccess) {
|
||||||
el.src = "data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="; // the Image contains 1px data.
|
_fSuccess.call(this);
|
||||||
return;
|
} else if (this._bSupportDataURI === false && this._fFail) {
|
||||||
} else if (self._bSupportDataURI === true && self._fSuccess) {
|
_fFail.call(this);
|
||||||
self._fSuccess.call(self);
|
}
|
||||||
} else if (self._bSupportDataURI === false && self._fFail) {
|
};
|
||||||
self._fFail.call(self);
|
|
||||||
}
|
/**
|
||||||
};
|
* Drawing QRCode by using canvas
|
||||||
|
*
|
||||||
/**
|
* @constructor
|
||||||
* Drawing QRCode by using canvas
|
* @param {HTMLElement} el
|
||||||
*
|
* @param {Object} htOption QRCode Options
|
||||||
* @constructor
|
*/
|
||||||
* @param {HTMLElement} el
|
var Drawing = function (el, htOption) {
|
||||||
* @param {Object} htOption QRCode Options
|
this._bIsPainted = false;
|
||||||
*/
|
this._android = _getAndroid();
|
||||||
var Drawing = function(el, htOption) {
|
|
||||||
this._bIsPainted = false;
|
this._htOption = htOption;
|
||||||
this._android = _getAndroid();
|
this._elCanvas = document.createElement("canvas");
|
||||||
|
this._elCanvas.width = htOption.width;
|
||||||
this._htOption = htOption;
|
this._elCanvas.height = htOption.height;
|
||||||
this._elCanvas = document.createElement("canvas");
|
el.appendChild(this._elCanvas);
|
||||||
this._elCanvas.width = htOption.width;
|
this._el = el;
|
||||||
this._elCanvas.height = htOption.height;
|
this._oContext = this._elCanvas.getContext("2d");
|
||||||
el.appendChild(this._elCanvas);
|
this._bIsPainted = false;
|
||||||
this._el = el;
|
this._elImage = document.createElement("img");
|
||||||
this._oContext = this._elCanvas.getContext("2d");
|
this._elImage.style.display = "none";
|
||||||
this._bIsPainted = false;
|
this._el.appendChild(this._elImage);
|
||||||
this._elImage = document.createElement("img");
|
this._bSupportDataURI = null;
|
||||||
this._elImage.style.display = "none";
|
};
|
||||||
this._el.appendChild(this._elImage);
|
|
||||||
this._bSupportDataURI = null;
|
/**
|
||||||
};
|
* Draw the QRCode
|
||||||
|
*
|
||||||
/**
|
* @param {QRCode} oQRCode
|
||||||
* Draw the QRCode
|
*/
|
||||||
*
|
Drawing.prototype.draw = function (oQRCode) {
|
||||||
* @param {QRCode} oQRCode
|
|
||||||
*/
|
|
||||||
Drawing.prototype.draw = function(oQRCode) {
|
|
||||||
var _elImage = this._elImage;
|
var _elImage = this._elImage;
|
||||||
var _oContext = this._oContext;
|
var _oContext = this._oContext;
|
||||||
var _htOption = this._htOption;
|
var _htOption = this._htOption;
|
||||||
|
|
||||||
|
var nCount = oQRCode.getModuleCount();
|
||||||
|
var nWidth = _htOption.width / nCount;
|
||||||
|
var nHeight = _htOption.height / nCount;
|
||||||
|
var nRoundedWidth = Math.round(nWidth);
|
||||||
|
var nRoundedHeight = Math.round(nHeight);
|
||||||
|
|
||||||
var nCount = oQRCode.getModuleCount();
|
_elImage.style.display = "none";
|
||||||
var nWidth = _htOption.width / nCount;
|
this.clear();
|
||||||
var nHeight = _htOption.height / nCount;
|
|
||||||
var nRoundedWidth = Math.round(nWidth);
|
for (var row = 0; row < nCount; row++) {
|
||||||
var nRoundedHeight = Math.round(nHeight);
|
for (var col = 0; col < nCount; col++) {
|
||||||
|
var bIsDark = oQRCode.isDark(row, col);
|
||||||
_elImage.style.display = "none";
|
var nLeft = col * nWidth;
|
||||||
this.clear();
|
var nTop = row * nHeight;
|
||||||
|
_oContext.strokeStyle = bIsDark ? _htOption.colorDark : _htOption.colorLight;
|
||||||
for (var row = 0; row < nCount; row++) {
|
_oContext.lineWidth = 1;
|
||||||
for (var col = 0; col < nCount; col++) {
|
_oContext.fillStyle = bIsDark ? _htOption.colorDark : _htOption.colorLight;
|
||||||
var bIsDark = oQRCode.isDark(row, col);
|
_oContext.fillRect(nLeft, nTop, nWidth, nHeight);
|
||||||
var nLeft = col * nWidth;
|
|
||||||
var nTop = row * nHeight;
|
// 안티 앨리어싱 방지 처리
|
||||||
_oContext.strokeStyle = bIsDark ? _htOption.colorDark : _htOption.colorLight;
|
_oContext.strokeRect(
|
||||||
_oContext.lineWidth = 1;
|
Math.floor(nLeft) + 0.5,
|
||||||
_oContext.fillStyle = bIsDark ? _htOption.colorDark : _htOption.colorLight;
|
Math.floor(nTop) + 0.5,
|
||||||
_oContext.fillRect(nLeft, nTop, nWidth, nHeight);
|
nRoundedWidth,
|
||||||
|
nRoundedHeight
|
||||||
// 안티 앨리어싱 방지 처리
|
);
|
||||||
_oContext.strokeRect(
|
|
||||||
Math.floor(nLeft) + 0.5,
|
_oContext.strokeRect(
|
||||||
Math.floor(nTop) + 0.5,
|
Math.ceil(nLeft) - 0.5,
|
||||||
nRoundedWidth,
|
Math.ceil(nTop) - 0.5,
|
||||||
nRoundedHeight);
|
nRoundedWidth,
|
||||||
|
nRoundedHeight
|
||||||
_oContext.strokeRect(
|
);
|
||||||
Math.ceil(nLeft) - 0.5,
|
}
|
||||||
Math.ceil(nTop) - 0.5,
|
}
|
||||||
nRoundedWidth,
|
|
||||||
nRoundedHeight);
|
this._bIsPainted = true;
|
||||||
}
|
};
|
||||||
}
|
|
||||||
|
/**
|
||||||
this._bIsPainted = true;
|
* Make the image from Canvas if the browser supports Data URI.
|
||||||
};
|
*/
|
||||||
|
Drawing.prototype.makeImage = function () {
|
||||||
/**
|
if (this._bIsPainted) {
|
||||||
* Make the image from Canvas if the browser supports Data URI.
|
_safeSetDataURI.call(this, _onMakeImage);
|
||||||
*/
|
}
|
||||||
Drawing.prototype.makeImage = function() {
|
};
|
||||||
if (this._bIsPainted) {
|
|
||||||
_safeSetDataURI.call(this, _onMakeImage);
|
/**
|
||||||
}
|
* Return whether the QRCode is painted or not
|
||||||
};
|
*
|
||||||
|
* @return {Boolean}
|
||||||
/**
|
*/
|
||||||
* Return whether the QRCode is painted or not
|
Drawing.prototype.isPainted = function () {
|
||||||
*
|
return this._bIsPainted;
|
||||||
* @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);
|
||||||
* Clear the QRCode
|
this._bIsPainted = false;
|
||||||
*/
|
};
|
||||||
Drawing.prototype.clear = function() {
|
|
||||||
this._oContext.clearRect(0, 0, this._elCanvas.width, this._elCanvas.height);
|
/**
|
||||||
this._bIsPainted = false;
|
* @private
|
||||||
};
|
* @param {Number} nNumber
|
||||||
|
*/
|
||||||
/**
|
Drawing.prototype.round = function (nNumber) {
|
||||||
* @private
|
if (!nNumber) {
|
||||||
* @param {Number} nNumber
|
return nNumber;
|
||||||
*/
|
}
|
||||||
Drawing.prototype.round = function(nNumber) {
|
|
||||||
if (!nNumber) {
|
return Math.floor(nNumber * 1000) / 1000;
|
||||||
return nNumber;
|
};
|
||||||
}
|
|
||||||
|
return Drawing;
|
||||||
return Math.floor(nNumber * 1000) / 1000;
|
})();
|
||||||
};
|
|
||||||
|
/**
|
||||||
return Drawing;
|
* Get the type by string length
|
||||||
})();
|
*
|
||||||
|
* @private
|
||||||
/**
|
* @param {String} sText
|
||||||
* Get the type by string length
|
* @param {Number} nCorrectLevel
|
||||||
*
|
* @return {Number} type
|
||||||
* @private
|
*/
|
||||||
* @param {String} sText
|
function _getTypeNumber(sText, nCorrectLevel) {
|
||||||
* @param {Number} nCorrectLevel
|
var nType = 1;
|
||||||
* @return {Number} type
|
|
||||||
*/
|
for (var i = 0, len = QRCodeLimitLength.length; i <= len; i++) {
|
||||||
|
var nLimit = 0;
|
||||||
function _getTypeNumber(sText, nCorrectLevel) {
|
|
||||||
var nType = 1;
|
switch (nCorrectLevel) {
|
||||||
|
case QRErrorCorrectLevel.L :
|
||||||
for (var i = 0, len = QRCodeLimitLength.length; i <= len; i++) {
|
nLimit = QRCodeLimitLength[i][0];
|
||||||
var nLimit = 0;
|
break;
|
||||||
|
case QRErrorCorrectLevel.M :
|
||||||
switch (nCorrectLevel) {
|
nLimit = QRCodeLimitLength[i][1];
|
||||||
case QRErrorCorrectLevel.L:
|
break;
|
||||||
nLimit = QRCodeLimitLength[i][0];
|
case QRErrorCorrectLevel.Q :
|
||||||
break;
|
nLimit = QRCodeLimitLength[i][2];
|
||||||
case QRErrorCorrectLevel.M:
|
break;
|
||||||
nLimit = QRCodeLimitLength[i][1];
|
case QRErrorCorrectLevel.H :
|
||||||
break;
|
nLimit = QRCodeLimitLength[i][3];
|
||||||
case QRErrorCorrectLevel.Q:
|
break;
|
||||||
nLimit = QRCodeLimitLength[i][2];
|
}
|
||||||
break;
|
|
||||||
case QRErrorCorrectLevel.H:
|
if (sText.length <= nLimit) {
|
||||||
nLimit = QRCodeLimitLength[i][3];
|
break;
|
||||||
break;
|
} else {
|
||||||
}
|
nType++;
|
||||||
|
}
|
||||||
if (sText.length <= nLimit) {
|
}
|
||||||
break;
|
|
||||||
} else {
|
if (nType > QRCodeLimitLength.length) {
|
||||||
nType++;
|
throw new Error("Too long data");
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
return nType;
|
||||||
if (nType > QRCodeLimitLength.length) {
|
}
|
||||||
throw new Error("Too long data");
|
|
||||||
}
|
/**
|
||||||
|
* @class QRCode
|
||||||
return nType;
|
* @constructor
|
||||||
}
|
* @example
|
||||||
|
* new QRCode(document.getElementById("test"), "http://jindo.dev.naver.com/collie");
|
||||||
/**
|
*
|
||||||
* @class QRCode
|
* @example
|
||||||
* @constructor
|
* var oQRCode = new QRCode("test", {
|
||||||
* @example
|
* text : "http://naver.com",
|
||||||
* new QRCode(document.getElementById("test"), "http://jindo.dev.naver.com/collie");
|
* width : 128,
|
||||||
*
|
* height : 128
|
||||||
* @example
|
* });
|
||||||
* var oQRCode = new QRCode("test", {
|
*
|
||||||
* text : "http://naver.com",
|
* oQRCode.clear(); // Clear the QRCode.
|
||||||
* width : 128,
|
* oQRCode.makeCode("http://map.naver.com"); // Re-create the QRCode.
|
||||||
* height : 128
|
*
|
||||||
* });
|
* @param {HTMLElement|String} el target element or 'id' attribute of element.
|
||||||
*
|
* @param {Object|String} vOption
|
||||||
* oQRCode.clear(); // Clear the QRCode.
|
* @param {String} vOption.text QRCode link data
|
||||||
* oQRCode.makeCode("http://map.naver.com"); // Re-create the QRCode.
|
* @param {Number} [vOption.width=256]
|
||||||
*
|
* @param {Number} [vOption.height=256]
|
||||||
* @param {HTMLElement|String} el target element or 'id' attribute of element.
|
* @param {String} [vOption.colorDark="#000000"]
|
||||||
* @param {Object|String} vOption
|
* @param {String} [vOption.colorLight="#ffffff"]
|
||||||
* @param {String} vOption.text QRCode link data
|
* @param {QRCode.CorrectLevel} [vOption.correctLevel=QRCode.CorrectLevel.H] [L|M|Q|H]
|
||||||
* @param {Number} [vOption.width=256]
|
*/
|
||||||
* @param {Number} [vOption.height=256]
|
QRCode = function (el, vOption) {
|
||||||
* @param {String} [vOption.colorDark="#000000"]
|
this._htOption = {
|
||||||
* @param {String} [vOption.colorLight="#ffffff"]
|
width : 256,
|
||||||
* @param {QRCode.CorrectLevel} [vOption.correctLevel=QRCode.CorrectLevel.H] [L|M|Q|H]
|
height : 256,
|
||||||
*/
|
typeNumber : 4,
|
||||||
QRCode = function(el, vOption) {
|
colorDark : "#000000",
|
||||||
this._htOption = {
|
colorLight : "#ffffff",
|
||||||
width: 256,
|
correctLevel : QRErrorCorrectLevel.H
|
||||||
height: 256,
|
};
|
||||||
typeNumber: 4,
|
|
||||||
colorDark: "#000000",
|
if (typeof vOption === 'string') {
|
||||||
colorLight: "#ffffff",
|
vOption = {
|
||||||
correctLevel: QRErrorCorrectLevel.H
|
text : vOption
|
||||||
};
|
};
|
||||||
|
}
|
||||||
if (typeof vOption === 'string') {
|
|
||||||
vOption = {
|
// Overwrites options
|
||||||
text: vOption
|
if (vOption) {
|
||||||
};
|
for (var i in vOption) {
|
||||||
}
|
this._htOption[i] = vOption[i];
|
||||||
|
}
|
||||||
// Overwrites options
|
}
|
||||||
if (vOption) {
|
|
||||||
for (var i in vOption) {
|
if (typeof el == "string") {
|
||||||
this._htOption[i] = vOption[i];
|
el = document.getElementById(el);
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
this._android = _getAndroid();
|
||||||
if (typeof el == "string") {
|
this._el = el;
|
||||||
el = document.getElementById(el);
|
this._oQRCode = null;
|
||||||
}
|
this._oDrawing = new Drawing(this._el, this._htOption);
|
||||||
|
|
||||||
this._android = _getAndroid();
|
if (this._htOption.text) {
|
||||||
this._el = el;
|
this.makeCode(this._htOption.text);
|
||||||
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) {
|
||||||
* Make the QRCode
|
this._oQRCode = new QRCodeModel(_getTypeNumber(sText, this._htOption.correctLevel), this._htOption.correctLevel);
|
||||||
*
|
this._oQRCode.addData(sText);
|
||||||
* @param {String} sText link data
|
this._oQRCode.make();
|
||||||
*/
|
this._el.title = sText;
|
||||||
QRCode.prototype.makeCode = function(sText) {
|
this._oDrawing.draw(this._oQRCode);
|
||||||
this._oQRCode = new QRCodeModel(_getTypeNumber(sText, this._htOption.correctLevel), this._htOption.correctLevel);
|
this.makeImage();
|
||||||
this._oQRCode.addData(sText);
|
};
|
||||||
this._oQRCode.make();
|
|
||||||
this._el.title = sText;
|
/**
|
||||||
this._oDrawing.draw(this._oQRCode);
|
* Make the Image from Canvas element
|
||||||
this.makeImage();
|
* - It occurs automatically
|
||||||
};
|
* - Android below 3 doesn't support Data-URI spec.
|
||||||
|
*
|
||||||
/**
|
* @private
|
||||||
* Make the Image from Canvas element
|
*/
|
||||||
* - It occurs automatically
|
QRCode.prototype.makeImage = function () {
|
||||||
* - Android below 3 doesn't support Data-URI spec.
|
if (typeof this._oDrawing.makeImage == "function" && (!this._android || this._android >= 3)) {
|
||||||
*
|
this._oDrawing.makeImage();
|
||||||
* @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.clear();
|
||||||
/**
|
};
|
||||||
* Clear the QRCode
|
|
||||||
*/
|
/**
|
||||||
QRCode.prototype.clear = function() {
|
* @name QRCode.CorrectLevel
|
||||||
this._oDrawing.clear();
|
*/
|
||||||
};
|
QRCode.CorrectLevel = QRErrorCorrectLevel;
|
||||||
|
})();
|
||||||
/**
|
|
||||||
* @name QRCode.CorrectLevel
|
|
||||||
*/
|
|
||||||
QRCode.CorrectLevel = QRErrorCorrectLevel;
|
|
||||||
})();
|
|
||||||
|
|
||||||
QRCodeOrig = QRCode;
|
|
||||||
})();
|
|
||||||
Ładowanie…
Reference in New Issue