src/components/floor-plan/CanvasFrame.jsx

@@ -68,10 +68,9 @@ export default function CanvasFrame() {
         canvas?.loadFromJSON(JSON.parse(plan.canvasStatus), function () {
           canvasLoadInit() //config된 상태로 캔버스 객체를 그린다
           canvas?.renderAll() // 캔버스를 다시 그립니다.
+
           if (canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.MODULE).length > 0) {
             setSelectedMenu('module')
-          } else if (canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.WALL).length > 0) {
-            setSelectedMenu('outline')
           } else {
             setSelectedMenu('surface')
           }

src/hooks/common/useRoofFn.js

@@ -202,7 +202,7 @@ export function useRoofFn() {
     }
 
     const roof = roofBase[0]
-    const wall = canvas.getObjects().find((obj) => obj.name === POLYGON_TYPE.WALL && obj.attributes?.roofId === roof.id)
+    const wall = roof.wall
 
     const checkPolygon = new fabric.Polygon(roof.points, {
       name: 'moveRoofPolygon',
@@ -230,11 +230,16 @@ export function useRoofFn() {
       const texts = canvas.getObjects().filter((obj) => obj.type === 'text' && (obj.attributes?.roofId === roof.id || obj.parentId === roof.id))
       texts.forEach((text) => canvas.remove(text))
 
+      const outerLines = canvas.getObjects().filter((obj) => obj.type === 'QLine' && (obj.attributes?.roofId === roof.id || obj.parentId === roof.id))
+
       const allRoofObject = canvas
         .getObjects()
-        .filter((obj) => obj !== roof && (obj.attributes?.roofId === roof.id || obj.parentId === roof.id || obj.parentId === wall.id))
+        .filter(
+          (obj) => obj !== roof && /*obj !== wall &&*/ (obj.attributes?.roofId === roof.id || obj.parentId === roof.id || obj.parentId === wall.id),
+        )
+
+      // // Calculate the movement delta
 
-      /** 지붕이 움직인 만큼의 delta를 구한다. */
       const originalRoofLeft = roof.left
       const originalRoofTop = roof.top
 

src/util/qpolygon-utils.js

@@ -7585,8 +7585,6 @@ const reDrawPolygon = (polygon, canvas) => {
     selectable: polygon.selectable,
     fontSize: polygon.fontSize,
     wall: polygon.wall !== undefined ? polygon.wall : null,
-    originX: polygon.originX,
-    originY: polygon.originY,
   })
 
   const newLines = newPolygon.lines
@@ -7611,8 +7609,8 @@ const reDrawPolygon = (polygon, canvas) => {
     }
   })
 
-  canvas.add(newPolygon)
+  canvas?.add(newPolygon)
-  canvas.renderAll()
+  canvas?.renderAll()
 
   return newPolygon
 }