From d0c8b10ec62648f8ac1effae252cda56270680fc Mon Sep 17 00:00:00 2001
From: "hyojun.choi" <chlgkwk123@nate.com>
Date: Mon, 3 Feb 2025 19:54:18 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B7=B8=EB=A6=AC=EB=93=9C=20=EC=83=9D?=
 =?UTF-8?q?=EC=84=B1=20=ED=9B=84=20=EB=8F=84=EB=A9=B4=20=ED=81=AC=EA=B8=B0?=
 =?UTF-8?q?=20=EC=B6=95=EC=86=8C=20=ED=96=88=EC=9D=84=20=EC=8B=9C,=20?=
 =?UTF-8?q?=EA=B7=B8=EB=A6=AC=EB=93=9C=20=EC=9E=91=EC=95=84=EC=A7=80?=
 =?UTF-8?q?=EB=8A=94=20=ED=98=84=EC=83=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/common/useGrid.js | 26 ++++++++++++++++++--------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/hooks/common/useGrid.js b/src/hooks/common/useGrid.js
index abd2a6e0..29a5edea 100644
--- a/src/hooks/common/useGrid.js
+++ b/src/hooks/common/useGrid.js
@@ -71,10 +71,10 @@ export function useGrid() {
 
       const backgroundPolygon = new fabric.Polygon(
         [
-          { x: 0, y: 0 },
-          { x: canvas.width, y: 0 },
-          { x: canvas.width, y: canvas.height },
-          { x: 0, y: canvas.height },
+          { x: -1500, y: -1500 },
+          { x: 2500, y: -1500 },
+          { x: 2500, y: 2500 },
+          { x: -1500, y: 2500 },
         ],
         {
           fill: pattern,
@@ -90,9 +90,14 @@ export function useGrid() {
     }
 
     if (patternData.lineGridDisplay) {
-      for (let i = 0; i < canvas.height / patternData.gridVertical + 1; i++) {
+      for (let i = 0; i < 5000 / patternData.gridVertical + 1; i++) {
         const horizontalLine = new fabric.Line(
-          [0, i * patternData.gridVertical - patternData.gridVertical / 2, canvas.width, i * patternData.gridVertical - patternData.gridVertical / 2],
+          [
+            -1500,
+            -1500 + i * patternData.gridVertical - patternData.gridVertical / 2,
+            3000,
+            -1500 + i * patternData.gridVertical - patternData.gridVertical / 2,
+          ],
           {
             stroke: gridColor,
             strokeWidth: 1,
@@ -113,9 +118,14 @@ export function useGrid() {
         canvas.add(horizontalLine)
       }
 
-      for (let i = 0; i < canvas.width / patternData.gridHorizon + 1; i++) {
+      for (let i = 0; i < 5000 / patternData.gridHorizon + 1; i++) {
         const verticalLine = new fabric.Line(
-          [i * patternData.gridHorizon - patternData.gridHorizon / 2, 0, i * patternData.gridHorizon - patternData.gridHorizon / 2, canvas.height],
+          [
+            -1500 + i * patternData.gridHorizon - patternData.gridHorizon / 2,
+            -1500,
+            -1500 + i * patternData.gridHorizon - patternData.gridHorizon / 2,
+            3000,
+          ],
           {
             stroke: gridColor,
             strokeWidth: 1,