trestleState.constTp === data.constTp),

src/components/fabric/QPolygon.js

@@ -6,6 +6,8 @@ import { calculateAngle, drawRidgeRoof, drawShedRoof, toGeoJSON } from '@/util/q
 import * as turf from '@turf/turf'
 import { LINE_TYPE, POLYGON_TYPE } from '@/common/common'
 import Big from 'big.js'
+import { drawSkeletonRidgeRoof, drawSkeletonWithTransformedEdges } from '@/util/skeleton-utils'
+import { logger } from '@/util/logger'
 
 export const QPolygon = fabric.util.createClass(fabric.Polygon, {
   type: 'QPolygon',
@@ -242,6 +244,12 @@ export const QPolygon = fabric.util.createClass(fabric.Polygon, {
    * @param settingModalFirstOptions
    */
   drawHelpLine(settingModalFirstOptions) {
+    // canvas에 skeleton 상태 저장 객체 초기화
+    if (!this.canvas.skeletonStates) {
+      this.canvas.skeletonStates = {};
+      this.canvas.skeletonLines = [];
+    }
+
     /* innerLines 초기화 */
     this.canvas
       .getObjects()
@@ -318,7 +326,10 @@ export const QPolygon = fabric.util.createClass(fabric.Polygon, {
         drawRidgeRoof(this.id, this.canvas, textMode)
       }
     } else {
-      drawRidgeRoof(this.id, this.canvas, textMode)
+
+        drawSkeletonRidgeRoof(this.id, this.canvas, textMode)
+        //drawRidgeRoof(this.id, this.canvas, textMode)
+
     }
   },