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.
43 lines
955 B
43 lines
955 B
/* Size button will change the size of the drawings for pencil and eraser */
|
|
define([], function() {
|
|
|
|
/* onClick change size and icon */
|
|
function onSizeClick() {
|
|
var sizeSVG = '1';
|
|
var size = PaintApp.data.size;
|
|
|
|
switch (size) {
|
|
case 5:
|
|
size = 10;
|
|
sizeSVG = '2';
|
|
break;
|
|
case 10:
|
|
size = 15;
|
|
sizeSVG = '3';
|
|
break;
|
|
case 15:
|
|
size = 20;
|
|
sizeSVG = '4';
|
|
break;
|
|
case 20:
|
|
size = 5;
|
|
sizeSVG = '1';
|
|
break;
|
|
}
|
|
|
|
PaintApp.data.size = size;
|
|
PaintApp.elements.sizeButton.style.backgroundImage = 'url(icons/size-' + sizeSVG + '.svg)';
|
|
}
|
|
|
|
function initGui() {
|
|
var sizeButtonElement = document.getElementById('size-button');
|
|
PaintApp.elements.sizeButton = sizeButtonElement;
|
|
sizeButtonElement.addEventListener('click', onSizeClick);
|
|
}
|
|
|
|
var sizeButton = {
|
|
initGui: initGui
|
|
};
|
|
|
|
return sizeButton;
|
|
});
|