From 9a47549716c1ad279a28ae6d1831ede4c207f819 Mon Sep 17 00:00:00 2001
From: "hyojun.choi" <chlgkwk123@nate.com>
Date: Fri, 7 Mar 2025 10:31:53 +0900
Subject: [PATCH] =?UTF-8?q?-=20canvas=20load=EC=8B=9C=20canvasZoom=20reset?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/useCanvas.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/hooks/useCanvas.js b/src/hooks/useCanvas.js
index 2afbe126..f1451bd1 100644
--- a/src/hooks/useCanvas.js
+++ b/src/hooks/useCanvas.js
@@ -3,8 +3,8 @@ import { fabric } from 'fabric'
 
 import { actionHandler, anchorWrapper, polygonPositionHandler } from '@/util/canvas-util'
 
-import { useRecoilState, useRecoilValue } from 'recoil'
-import { canvasSizeState, canvasState, fontSizeState } from '@/store/canvasAtom'
+import { useRecoilState, useRecoilValue, useResetRecoilState, useSetRecoilState } from 'recoil'
+import { canvasSizeState, canvasState, canvasZoomState, fontSizeState } from '@/store/canvasAtom'
 import { QLine } from '@/components/fabric/QLine'
 import { QPolygon } from '@/components/fabric/QPolygon'
 import { defineQLine } from '@/util/qline-utils'
@@ -27,6 +27,7 @@ export function useCanvas(id) {
   const { setCanvasForEvent, attachDefaultEventOnCanvas } = useCanvasEvent()
   const isImageDisplay = useRecoilValue(imageDisplaySelector)
   const {} = useFont()
+  const resetCanvasZoom = useResetRecoilState(canvasZoomState)
 
   /**
    * 처음 셋팅
@@ -43,7 +44,7 @@ export function useCanvas(id) {
     setCanvas(c)
     setCanvasForEvent(c)
     attachDefaultEventOnCanvas()
-
+    resetCanvasZoom()
     return () => {
       // c.dispose()
       c.clear()