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

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 );
}