Files
500-Lines-or-Less/1 - Blockcode/resources/js/canvas-controller.js
T

36 lines
942 B
JavaScript

const resetCanvasState = () => {
resetRotation();
resetCanvasBrush();
clearCanvas();
}
const resetRotation = () => { Painter.rotation = ROTATION; }
const resetCanvasBrush = () => {
setDefaultBrushSize();
setDefaultBrushColor();
setBrushToCenter();
}
const clearCanvas = () => {
Painter.canvasContext.clearRect(0, 0, canvas.width, canvas.height);
Painter.canvasContext.beginPath();
}
const setDefaultBrushSize = () => {
Painter.brushSize = BRUSH_SIZE;
Painter.canvasContext.lineWidth = BRUSH_SIZE;
}
const setDefaultBrushColor = () => {
Painter.brushColor = BRUSH_COLOR;
Painter.canvasContext.fillStyle = BRUSH_COLOR;
Painter.canvasContext.strokeStyle = BRUSH_COLOR;
}
const setBrushToCenter = () => {
Painter.x1 = Painter.canvas.width / 2
Painter.y1 = Painter.canvas.height / 2
Painter.canvasContext.moveTo( Painter.x1, Painter.y1 );
}