From 16432f94cdd6843da8725071ef2b4d8d7f7c52a0 Mon Sep 17 00:00:00 2001
From: "hyojun.choi" <chlgkwk123@nate.com>
Date: Mon, 7 Jul 2025 13:19:38 +0900
Subject: [PATCH] =?UTF-8?q?[1179]=20:=20=E3=80=90HANASYS=20DESIGN=E3=80=91?=
 =?UTF-8?q?=E8=A3=9C=E5=8A=A9=E7=B7=9A=E3=81=AB=E3=81=A4=E3=81=84=E3=81=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

보조선 선택 로직 수정
---
 src/components/fabric/QLine.js | 42 ++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)

diff --git a/src/components/fabric/QLine.js b/src/components/fabric/QLine.js
index 9c9791c9..ea316903 100644
--- a/src/components/fabric/QLine.js
+++ b/src/components/fabric/QLine.js
@@ -182,4 +182,46 @@ export const QLine = fabric.util.createClass(fabric.Line, {
     }
     return this
   },
+
+  containsPoint: function(point) {
+    const boundingRect = this.getBoundingRect(true)
+
+    // 선의 방향 판단
+    const dx = Math.abs(this.x2 - this.x1)
+    const dy = Math.abs(this.y2 - this.y1)
+    const isVertical = dx < dy && dx < 10 // 세로선 (가로 변화가 작음)
+    const isDiagonal = dx > 10 && dy > 10 // 대각선 (가로, 세로 모두 변화)
+
+    let reducedWidth, reducedHeight
+
+    if (isDiagonal) {
+      // 대각선의 경우: 1/2 크기
+      reducedWidth = boundingRect.width / 2
+      reducedHeight = boundingRect.height / 2
+    } else if (isVertical) {
+      // 세로선의 경우: 가로 선택범위 2배
+      reducedWidth = boundingRect.width * 2
+      reducedHeight = boundingRect.height / 3
+    } else {
+      // 가로선의 경우: 세로 선택범위 2배
+      reducedWidth = boundingRect.width / 3
+      reducedHeight = boundingRect.height * 2
+    }
+
+    // 축소된 영역의 중심점 계산
+    const centerX = boundingRect.left + boundingRect.width / 2
+    const centerY = boundingRect.top + boundingRect.height / 2
+
+    // 축소된 영역의 경계 계산
+    const left = centerX - reducedWidth / 2
+    const top = centerY - reducedHeight / 2
+    const right = centerX + reducedWidth / 2
+    const bottom = centerY + reducedHeight / 2
+
+    // 점이 축소된 영역 내에 있는지 확인
+    return point.x >= left &&
+           point.x <= right &&
+           point.y >= top &&
+           point.y <= bottom
+  },
 })