From 60658c4458a0d7e72464c5f694f7d540da131d4c Mon Sep 17 00:00:00 2001
From: deepdigger <32137458+deepdigger@users.noreply.github.com>
Date: Fri, 2 Apr 2021 16:05:32 +0200
Subject: [PATCH] fixed small draw error, added console log for action on
canvas
---
client/ui/SkribblCanvas.js | 9 ++++++++-
1 file changed, 8 insertions(+), 1 deletion(-)
diff --git a/client/ui/SkribblCanvas.js b/client/ui/SkribblCanvas.js
index 0fd71f8..d057434 100644
--- a/client/ui/SkribblCanvas.js
+++ b/client/ui/SkribblCanvas.js
@@ -35,6 +35,7 @@ export default class SkribblCanvas extends CustomElement {
this._radius = 10;
this._color = "red";
this._client = client;
+ this._backgroundColor = "white";
/**
* looks what kind of order is given, then either draws, erases(=drawing with background color), changes the backgroundcolor or clears the canvas
@@ -48,6 +49,8 @@ export default class SkribblCanvas extends CustomElement {
ctx.lineCap = "round";
if (order.action == "draw") {
+ console.log("I draw");
+
let x = 960 * order.points[0].x / 1000;
let y = 720 * order.points[0].y / 1000;
ctx.beginPath();
@@ -59,6 +62,7 @@ export default class SkribblCanvas extends CustomElement {
ctx.strokeStyle = order.color;
ctx.stroke();
} else if (order.action == "erase") {
+ console.log("I erase");
let x = 960 * order.points[0].x / 1000;
let y = 720 * order.points[0].y / 1000;
ctx.beginPath();
@@ -70,10 +74,13 @@ export default class SkribblCanvas extends CustomElement {
ctx.strokeStyle = this._backgroundColor;
ctx.stroke();
} else if (order.action == "changeBackgroundColor") {
+ console.log("I change BGColor");
this._backgroundColor = order.color;
ctx.fillStyle = order.color;
ctx.fillRect(0, 0, this._canvas.width, this._canvas.height);
} else if (order.action == "clearCanvas") {
+ console.log("I clear canvas");
+
ctx.clearRect(0, 0, this._canvas.width, this._canvas.height);
}
@@ -194,7 +201,7 @@ export default class SkribblCanvas extends CustomElement {
*/
/** @param {boolean} penActive */
set penActive(penActive) {
- this._penActive = false;
+ this._erasorActive = false;
this._penActive = penActive;
}
}
--
GitLab