From 3762b6b81eb806bba6f29f2182215504c4aa0f88 Mon Sep 17 00:00:00 2001
From: "hyojun.choi" <chlgkwk123@nate.com>
Date: Fri, 14 Mar 2025 17:19:14 +0900
Subject: [PATCH] =?UTF-8?q?canvasSize=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../floor-plan/modal/setting01/planSize/PlanSizeSetting.jsx | 6 +++---
 src/hooks/option/useCanvasSetting.js                        | 3 +++
 src/store/canvasAtom.js                                     | 2 +-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/floor-plan/modal/setting01/planSize/PlanSizeSetting.jsx b/src/components/floor-plan/modal/setting01/planSize/PlanSizeSetting.jsx
index 1d4b1e58..10f9adc1 100644
--- a/src/components/floor-plan/modal/setting01/planSize/PlanSizeSetting.jsx
+++ b/src/components/floor-plan/modal/setting01/planSize/PlanSizeSetting.jsx
@@ -49,7 +49,7 @@ export default function PlanSizeSetting(props) {
     setPlanSizeSettingMode((prev) => {
       return {
         ...prev,
-        [name]: Number(value),
+        [name]: Number(value) / 10,
       }
     })
   }
@@ -72,7 +72,7 @@ export default function PlanSizeSetting(props) {
                 type="text"
                 className="input-origin block"
                 name={`originHorizon`}
-                value={planSizeSettingMode.originHorizon}
+                value={planSizeSettingMode.originHorizon * 10}
                 onChange={(e) => onlyNumberInputChange(e, changeInput)}
               />
             </div>
@@ -85,7 +85,7 @@ export default function PlanSizeSetting(props) {
                 type="text"
                 className="input-origin block"
                 name={`originVertical`}
-                value={planSizeSettingMode.originVertical}
+                value={planSizeSettingMode.originVertical * 10}
                 onChange={(e) => onlyNumberInputChange(e, changeInput)}
               />
             </div>
diff --git a/src/hooks/option/useCanvasSetting.js b/src/hooks/option/useCanvasSetting.js
index 539c43ec..76f42075 100644
--- a/src/hooks/option/useCanvasSetting.js
+++ b/src/hooks/option/useCanvasSetting.js
@@ -612,6 +612,9 @@ export function useCanvasSetting(executeEffect = true) {
 
         /** 도면크기 설정 */
         setPlanSizeSettingMode({ ...planSizeSettingMode, originHorizon: res.originHorizon, originVertical: res.originVertical })
+        canvas.setWidth(res.originHorizon)
+        canvas.setHeight(res.originVertical)
+        canvas.renderAll()
 
         /** 데이터 설정 */
         setSettingModalFirstOptions({
diff --git a/src/store/canvasAtom.js b/src/store/canvasAtom.js
index 772e55be..ddeed03d 100644
--- a/src/store/canvasAtom.js
+++ b/src/store/canvasAtom.js
@@ -43,7 +43,7 @@ export const fontSizeState = atom({
 export const canvasSizeState = atom({
   key: 'canvasSize',
   default: {
-    vertical: 1000,
+    vertical: 1600,
     horizontal: 1600,
   },
 })