You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
101 lines
2.2 KiB
JavaScript
101 lines
2.2 KiB
JavaScript
12 years ago
|
|
||
|
|
var isOpera = Object.prototype.toString.call(window.opera) == '[object Opera]',
|
||
|
|
|
||
|
|
guiValuePairs = [
|
||
|
|
["size", "px"],
|
||
|
|
["minversion", ""],
|
||
|
|
["quiet", "modules"],
|
||
|
|
["radius", "%"],
|
||
|
|
["fontsize", "%"],
|
||
|
|
["imagesize", "%"]
|
||
|
|
],
|
||
|
|
|
||
|
|
updateGui = function () {
|
||
|
|
|
||
|
|
for (var idx in guiValuePairs) {
|
||
|
|
|
||
|
|
var pair = guiValuePairs[idx],
|
||
|
|
$label = $('label[for="' + pair[0] + '"]');
|
||
|
|
|
||
|
|
$label.text($label.text().replace(/:.*/, ': ' + $('#' + pair[0]).val() + pair[1]));
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
updateQrCode = function () {
|
||
|
|
|
||
|
|
var mode = parseInt($("#mode").val(), 10),
|
||
|
|
options = {
|
||
|
|
render: $("#render").val(),
|
||
|
|
ecLevel: $("#eclevel").val(),
|
||
|
|
minVersion: parseInt($("#minversion").val(), 10),
|
||
|
|
color: $("#color").val(),
|
||
|
|
bgColor: $("#bg-color").val(),
|
||
|
|
text: $("#text").val(),
|
||
|
|
size: parseInt($("#size").val(), 10),
|
||
|
|
radius: parseInt($("#radius").val(), 10) * 0.01,
|
||
|
|
quiet: parseInt($("#quiet").val(), 10),
|
||
|
|
|
||
|
|
label: $("#label").val(),
|
||
|
|
labelsize: parseInt($("#fontsize").val(), 10) * 0.01,
|
||
|
|
fontname: $("#font").val(),
|
||
|
|
fontcolor: $("#fontcolor").val(),
|
||
|
|
|
||
|
|
image: $("#img-buffer")[0],
|
||
|
|
imagesize: parseInt($("#imagesize").val(), 10) * 0.01
|
||
|
|
};
|
||
|
|
|
||
|
|
if (mode === 1 || mode === 2) {
|
||
|
|
options.ext = 'label';
|
||
|
|
options.boxed = mode === 2;
|
||
|
|
} else if (mode === 3 || mode === 4) {
|
||
|
|
options.ext = 'image';
|
||
|
|
options.boxed = mode === 4;
|
||
|
|
}
|
||
|
|
|
||
|
|
$("#container").empty().qrcode(options);
|
||
|
|
},
|
||
|
|
|
||
|
|
update = function () {
|
||
|
|
|
||
|
|
updateGui();
|
||
|
|
updateQrCode();
|
||
|
|
},
|
||
|
|
|
||
|
|
onImageInput = function () {
|
||
|
|
|
||
|
|
var input = $("#image")[0];
|
||
|
|
|
||
|
|
if (input.files && input.files[0]) {
|
||
|
|
|
||
|
|
var reader = new FileReader();
|
||
|
|
|
||
|
|
reader.onload = function (event) {
|
||
|
|
$("#img-buffer").attr("src", event.target.result);
|
||
|
|
$("#mode").val("4");
|
||
|
|
setTimeout(update, 250);
|
||
|
|
};
|
||
|
|
reader.readAsDataURL(input.files[0]);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
download = function (event) {
|
||
|
|
|
||
|
|
var data = $("#container canvas")[0].toDataURL('image/png');
|
||
|
|
$("#download").attr("href", data);
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
$(function () {
|
||
|
|
|
||
|
|
if (isOpera) {
|
||
|
|
$('html').addClass('opera');
|
||
|
|
$('#radius').prop('disabled', true);
|
||
|
|
}
|
||
|
|
|
||
|
|
$("#download").on("click", download);
|
||
|
|
$("#image").on('change', onImageInput);
|
||
|
|
$("input, textarea, select").on("input change", update);
|
||
|
|
$(window).load(update);
|
||
|
|
update();
|
||
|
|
});
|