144 lines
3.8 KiB
JavaScript
144 lines
3.8 KiB
JavaScript
/*
|
|
* angular-qrcode v3.1.0
|
|
* (c) 2013 Monospaced http://monospaced.com
|
|
* License: MIT
|
|
*/
|
|
|
|
angular.module('monospaced.qrcode', [])
|
|
.directive('qrcode', ['$window', function($window) {
|
|
|
|
var canvas2D = !!$window.CanvasRenderingContext2D,
|
|
levels = {
|
|
'L': 'Low',
|
|
'M': 'Medium',
|
|
'Q': 'Quartile',
|
|
'H': 'High'
|
|
},
|
|
draw = function(context, qr, modules, tile) {
|
|
for (var row = 0; row < modules; row++) {
|
|
for (var col = 0; col < modules; col++) {
|
|
var w = (Math.ceil((col + 1) * tile) - Math.floor(col * tile)),
|
|
h = (Math.ceil((row + 1) * tile) - Math.floor(row * tile));
|
|
|
|
context.fillStyle = qr.isDark(row, col) ? '#000' : '#fff';
|
|
context.fillRect(Math.round(col * tile),
|
|
Math.round(row * tile), w, h);
|
|
}
|
|
}
|
|
};
|
|
|
|
return {
|
|
restrict: 'E',
|
|
template: '<canvas></canvas>',
|
|
link: function(scope, element, attrs) {
|
|
var domElement = element[0],
|
|
canvas = element.find('canvas')[0],
|
|
context = canvas2D ? canvas.getContext('2d') : null,
|
|
trim = /^\s+|\s+$/g,
|
|
error,
|
|
version,
|
|
errorCorrectionLevel,
|
|
data,
|
|
size,
|
|
modules,
|
|
tile,
|
|
qr,
|
|
setVersion = function(value) {
|
|
version = Math.max(1, Math.min(parseInt(value, 10), 10)) || 4;
|
|
},
|
|
setErrorCorrectionLevel = function(value) {
|
|
errorCorrectionLevel = value in levels ? value : 'M';
|
|
},
|
|
setData = function(value) {
|
|
if (!value) {
|
|
return;
|
|
}
|
|
|
|
data = value.replace(trim, '');
|
|
qr = qrcode(version, errorCorrectionLevel);
|
|
qr.addData(data);
|
|
|
|
try {
|
|
qr.make();
|
|
} catch(e) {
|
|
error = e.message;
|
|
return;
|
|
}
|
|
|
|
error = false;
|
|
modules = qr.getModuleCount();
|
|
},
|
|
setSize = function(value) {
|
|
size = parseInt(value, 10) || modules * 2;
|
|
tile = size / modules;
|
|
canvas.width = canvas.height = size;
|
|
},
|
|
render = function() {
|
|
if (!qr) {
|
|
return;
|
|
}
|
|
|
|
if (error) {
|
|
if (!canvas2D) {
|
|
domElement.innerHTML = '<img src width="' + size + '"' +
|
|
'height="' + size + '">';
|
|
}
|
|
scope.$emit('qrcode:error', error);
|
|
return;
|
|
}
|
|
|
|
if (canvas2D) {
|
|
draw(context, qr, modules, tile);
|
|
} else {
|
|
domElement.innerHTML = qr.createImgTag(tile, 0);
|
|
}
|
|
};
|
|
|
|
setVersion(attrs.version);
|
|
setErrorCorrectionLevel(attrs.errorCorrectionLevel);
|
|
setSize(attrs.size);
|
|
|
|
attrs.$observe('version', function(value) {
|
|
if (!value) {
|
|
return;
|
|
}
|
|
|
|
setVersion(value);
|
|
setData(data);
|
|
setSize(size);
|
|
render();
|
|
});
|
|
|
|
attrs.$observe('errorCorrectionLevel', function(value) {
|
|
if (!value) {
|
|
return;
|
|
}
|
|
|
|
setErrorCorrectionLevel(value);
|
|
setData(data);
|
|
setSize(size);
|
|
render();
|
|
});
|
|
|
|
attrs.$observe('data', function(value) {
|
|
if (!value) {
|
|
return;
|
|
}
|
|
|
|
setData(value);
|
|
setSize(size);
|
|
render();
|
|
});
|
|
|
|
attrs.$observe('size', function(value) {
|
|
if (!value) {
|
|
return;
|
|
}
|
|
|
|
setSize(value);
|
|
render();
|
|
});
|
|
}
|
|
};
|
|
}]);
|