From 4e1cbd08d8f7c9089f51daf2b800924624044360 Mon Sep 17 00:00:00 2001
From: "hyojun.choi" <chlgkwk123@nate.com>
Date: Wed, 6 Nov 2024 16:03:55 +0900
Subject: [PATCH] =?UTF-8?q?Polygon=20=EC=84=A0=ED=83=9D=20=EC=8B=9C=20stro?=
 =?UTF-8?q?ke=20red?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/useCanvasEvent.js | 39 +++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/src/hooks/useCanvasEvent.js b/src/hooks/useCanvasEvent.js
index 4bab1fd6..9b25eedd 100644
--- a/src/hooks/useCanvasEvent.js
+++ b/src/hooks/useCanvasEvent.js
@@ -209,13 +209,52 @@ export function useCanvasEvent() {
     created: (e) => {
       const target = e.selected[0]
       setCurrentObject(target)
+      const { selected } = e
+
+      if (selected.length > 0) {
+        selected.forEach((obj) => {
+          if (obj.type === 'QPolygon') {
+            obj.set({ stroke: 'red' })
+          }
+        })
+        canvas.renderAll()
+      }
     },
     cleared: (e) => {
       setCurrentObject(null)
+      const { deselected } = e
+
+      if (deselected.length > 0) {
+        deselected.forEach((obj) => {
+          if (obj.type === 'QPolygon') {
+            obj.set({ stroke: 'black' })
+          }
+        })
+      }
+      canvas.renderAll()
     },
     updated: (e) => {
       const target = e.selected[0]
       setCurrentObject(target)
+      const { selected, deselected } = e
+
+      if (deselected.length > 0) {
+        deselected.forEach((obj) => {
+          if (obj.type === 'QPolygon') {
+            obj.set({ stroke: 'black' })
+          }
+        })
+      }
+
+      if (selected.length > 0) {
+        selected.forEach((obj) => {
+          if (obj.type === 'QPolygon') {
+            obj.set({ stroke: 'red' })
+          }
+        })
+      }
+
+      canvas.renderAll()
     },
   }