CSS rule cleaning; fixed canvas clear issues; added rotation global

1 - Blockcode/resources/js/canvas-controller.js

@@ -4,8 +4,7 @@ const resetCanvasState = () => {
     clearCanvas();
 }
 
-const resetRotation = () => { Painter.rotation = 0; }
-const clearCanvas   = () => { Painter.canvasContext.clearRect(0, 0, canvas.width, canvas.height); }
+const resetRotation = () => { Painter.rotation = ROTATION; }
 
 const resetCanvasBrush = () => {
     setDefaultBrushSize();
@@ -13,6 +12,11 @@ const resetCanvasBrush = () => {
     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;

1 - Blockcode/resources/js/events.js

@@ -34,7 +34,7 @@ window.onload = (eve) => {
 
 clearBttn.onclick = (eve) => {
     clearScriptNode();
-    clearCanvas();
+    resetCanvasState();
 }
 
 saveBttn.onclick = (eve) => { saveScript(); }

1 - Blockcode/resources/js/globals.js

@@ -14,13 +14,14 @@ const ScriptElms  = {
 
 const BRUSH_SIZE  = 2;
 const BRUSH_COLOR = "#000000";
+const ROTATION    = 0;
 
 let Painter       = {
     canvas:        null,
     canvasContext: null,
     brushSize:     BRUSH_SIZE,
     brushColor:    BRUSH_COLOR,
-    rotation:      0,
+    rotation:      ROTATION,
     x1:            0,
     y1:            0,
     isBrushLifted: false