From 69f0c5a8b2d9e1d0786d99fe615775aeb500357c Mon Sep 17 00:00:00 2001 From: "hyojun.choi" Date: Thu, 5 Mar 2026 18:03:50 +0900 Subject: [PATCH] =?UTF-8?q?=EC=A0=90=EC=84=A0=EA=B7=B8=EB=A6=AC=EB=93=9C?= =?UTF-8?q?=20=ED=99=95=EB=8C=80=20=EC=B6=95=EC=86=8C=EC=97=90=20=EC=98=81?= =?UTF-8?q?=ED=96=A5=20=EB=B0=9B=EB=8A=94=20=ED=98=84=EC=83=81=20=EC=88=98?= =?UTF-8?q?=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/hooks/common/useGrid.js | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/src/hooks/common/useGrid.js b/src/hooks/common/useGrid.js index 9f8c72dd..78ae7643 100644 --- a/src/hooks/common/useGrid.js +++ b/src/hooks/common/useGrid.js @@ -50,8 +50,9 @@ export function useGrid() { const visibleBottom = visibleTop + canvasHeight / currentZoom const padding = 200 - const gridLeft = visibleLeft - padding - const gridTop = visibleTop - padding + // 원점(0,0) 기준 그리드 간격의 배수로 정렬하여 줌 시 위치 고정 + const gridLeft = Math.floor((visibleLeft - padding) / patternData.gridHorizon) * patternData.gridHorizon + const gridTop = Math.floor((visibleTop - padding) / patternData.gridVertical) * patternData.gridVertical const gridRight = visibleRight + padding const gridBottom = visibleBottom + padding @@ -100,8 +101,9 @@ export function useGrid() { // 여유 공간 추가 const padding = 200 - const gridLeft = visibleLeft - padding - const gridTop = visibleTop - padding + // 원점(0,0) 기준 그리드 간격의 배수로 정렬하여 줌 시 위치 고정 + const gridLeft = Math.floor((visibleLeft - padding) / patternData.gridHorizon) * patternData.gridHorizon + const gridTop = Math.floor((visibleTop - padding) / patternData.gridVertical) * patternData.gridVertical const gridRight = visibleRight + padding const gridBottom = visibleBottom + padding