pixel-editor/js/_toolButtons.js

108 lines
2.4 KiB
JavaScript
Raw Normal View History

2019-03-27 02:20:54 +03:00
//pencil
on('click',"pencil-button", function(){
tool.pencil.switchTo();
}, false);
2019-03-27 02:20:54 +03:00
//pencil bigger
on('click',"pencil-bigger-button", function(){
tool.pencil.brushSize++;
}, false);
2019-03-27 02:20:54 +03:00
//pencil smaller
on('click',"pencil-smaller-button", function(){
if(tool.pencil.brushSize > 1)
tool.pencil.brushSize--;
}, false);
//eraser
on('click',"eraser-button", function(){
console.log("selecting eraser");
tool.eraser.switchTo();
}, false);
//eraser bigger
on('click',"eraser-bigger-button", function(){
tool.eraser.brushSize++;
}, false);
//eraser smaller
on('click',"eraser-smaller-button", function(e){
if(tool.eraser.brushSize > 1)
tool.eraser.brushSize--;
}, false);
2019-03-27 02:20:54 +03:00
// rectangle
on('click','rectangle-button', function(e){
// If the user clicks twice on the button, they change the draw mode
if (currentTool.name == 'rectangle') {
if (drawMode == 'empty') {
drawMode = 'fill';
setRectToolSvg();
}
else {
drawMode = 'empty';
setRectToolSvg();
}
}
else {
tool.rectangle.switchTo();
}
}, false);
// rectangle bigger
on('click',"rectangle-bigger-button", function(){
tool.rectangle.brushSize++;
}, false);
// rectangle smaller
on('click',"rectangle-smaller-button", function(e){
if(tool.rectangle.brushSize > 1)
tool.rectangle.brushSize--;
}, false);
2019-03-27 02:20:54 +03:00
//fill
on('click',"fill-button", function(){
tool.fill.switchTo();
}, false);
2019-03-27 02:20:54 +03:00
//pan
on('click',"pan-button", function(){
tool.pan.switchTo();
}, false);
2019-03-27 02:20:54 +03:00
//eyedropper
on('click',"eyedropper-button", function(){
tool.eyedropper.switchTo();
}, false);
2019-03-27 02:20:54 +03:00
//zoom tool button
on('click',"zoom-button", function(){
tool.zoom.switchTo();
2019-03-27 02:20:54 +03:00
}, false);
//zoom in button
2020-04-04 10:41:56 +03:00
on('click','zoom-in-button', function(){
//changeZoom('in',[window.innerWidth/2-canvas.offsetLeft,window.innerHeight/2-canvas.offsetTop]);
changeZoom(layers[0],'in', [canvasSize[0] * zoom / 2, canvasSize[1] * zoom / 2]);
for (let i=1; i<layers.length; i++) {
layers[i].copyData(layers[0]);
}
2019-03-27 02:20:54 +03:00
}, false);
//zoom out button
2020-04-04 10:41:56 +03:00
on('click','zoom-out-button', function(){
changeZoom(layers[0],'out',[canvasSize[0]*zoom/2,canvasSize[1]*zoom/2]);
for (let i=1; i<layers.length; i++) {
layers[i].copyData(layers[0]);
}
}, false);
//rectangular selection button
on('click', "rectselect-button", function(){
tool.rectselect.switchTo();
}, false);
2020-04-15 03:10:21 +03:00
/*global on */