target 의 좌표비교 변경 Math.abs(target.y1 - target.y2) < 0.2

src/hooks/roofcover/useMovementSetting.js

@@ -217,6 +217,8 @@ export function useMovementSetting(id) {
     }
   }
 
+  let currentCalculatedValue = 0
+
   const mouseMoveEvent = (e) => {
     const target = canvas.getActiveObject()
     if (!target) return
@@ -224,12 +226,20 @@ export function useMovementSetting(id) {
     const { top: targetTop, left: targetLeft } = target
     const currentX = Big(getIntersectMousePoint(e).x) //.round(0, Big.roundUp)
     const currentY = Big(getIntersectMousePoint(e).y) //.round(0, Big.roundUp)
+
     let value = ''
-    if (target.y1 === target.y2) {
+    if (Math.abs(target.y1 - target.y2) < 0.5) {
+      // 가로라인의 경우
       value = Big(targetTop).minus(currentY).times(10).round(0)
+      console.log('가로라인 계산:', `${targetTop} - ${currentY.toNumber()} = ${value.toNumber()}`)
     } else {
+      // 세로라인의 경우
       value = Big(targetLeft).minus(currentX).times(10).round(0).neg()
+      console.log('세로라인 계산:', `-(${targetLeft} - ${currentX.toNumber()}) = ${value.toNumber()}`)
     }
+
+    currentCalculatedValue = value.toNumber()
+
         if (typeRef.current === TYPE.FLOW_LINE) {
           FLOW_LINE_REF.POINTER_INPUT_REF.current.value = value.toNumber()
         } else {
@@ -280,6 +290,8 @@ export function useMovementSetting(id) {
         }
       }
 
+
+
   const mouseDownEvent = (e) => {
     canvas
       .getObjects()
@@ -287,6 +299,7 @@ export function useMovementSetting(id) {
       .forEach((obj) => canvas.remove(obj))
     canvas.renderAll()
 
+    //const target = selectedObject.current
     const target = selectedObject.current
     if (!target) return