canvas 저장 시 값 추가

src/hooks/roofcover/useRoofAllocationSetting.js

@@ -5,10 +5,12 @@ import { setSurfaceShapePattern } from '@/util/canvas-util'
 import { splitPolygonWithLines } from '@/util/qpolygon-utils'
 import { useSwal } from '@/hooks/useSwal'
 import { usePolygon } from '@/hooks/usePolygon'
+import { roofDisplaySelector } from '@/store/settingAtom'
 
 // 지붕면 할당
 export function useRoofAllocationSetting(setShowRoofAllocationSettingModal) {
   const canvas = useRecoilValue(canvasState)
+  const roofDisplay = useRecoilValue(roofDisplaySelector)
   const { drawDirectionArrow } = usePolygon()
 
   const { swalFire } = useSwal()
@@ -117,7 +119,7 @@ export function useRoofAllocationSetting(setShowRoofAllocationSettingModal) {
     const roofs = canvas.getObjects().filter((obj) => obj.name === 'roof')
 
     roofs.forEach((roof) => {
-      setSurfaceShapePattern(roof)
+      setSurfaceShapePattern(roof, roofDisplay.column)
       drawDirectionArrow(roof)
     })
     setShowRoofAllocationSettingModal(false)

src/hooks/usePlan.js

@@ -60,6 +60,7 @@ export function usePlan() {
       'attributes',
       'stickeyPoint',
       'text',
+      'pitch',
     ])
 
     const str = JSON.stringify(objs)