From 8bee5222b170964f011c657625bc14d3c55b5f63 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miroslav=20=C5=A0ediv=C3=BD?= <sedivy.miro@gmail.com>
Date: Thu, 18 Feb 2021 21:09:08 +0100
Subject: [PATCH] redraw on screenSize and clear if controlling.

---
 src/component/overlay.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/component/overlay.vue b/src/component/overlay.vue
index d937493f..0ad6e6bd 100644
--- a/src/component/overlay.vue
+++ b/src/component/overlay.vue
@@ -278,11 +278,25 @@
     private cursorElement: HTMLImageElement = new Image()
     private cursorPosition: { x: number; y: number } | null = null
 
+    @Watch('screenSize')
+    onScreenSizeChange() {
+      if (this.isControling) {
+        this.canvasClear()
+      } else {
+        this.canvasRedraw()
+      }
+    }
+
     @Watch('canvasSize')
     onCanvasSizeChange({ width, height }: { width: number; height: number }) {
       this._overlay.width = width
       this._overlay.height = height
-      this.canvasRedraw()
+
+      if (this.isControling) {
+        this.canvasClear()
+      } else {
+        this.canvasRedraw()
+      }
     }
 
     onCursorPosition(data: { x: number; y: number }) {