캔버스 내 가장 왼쪽위, 오른쪽 아래 좌표 함수 추가

src/hooks/common/useRefFiles.js

@@ -199,6 +199,22 @@ export function useRefFiles() {
     setRefFileMethod(e.target.value)
   }
 
+  /**
+   * 이미지 저장 시 왼쪽 위, 오른쪽 아래 좌표
+   * return [start, end]
+   */
+  const getImageCoordinate = () => {
+    const minX = canvas.getObjects().reduce((acc, cur) => (cur.left < acc ? cur.left : acc), 0)
+    const minY = canvas.getObjects().reduce((acc, cur) => (cur.top < acc ? cur.top : acc), 0)
+
+    const maxX = canvas.getObjects().reduce((acc, cur) => (cur.left + cur.width > acc ? cur.left + cur.width : acc), 0)
+    const maxY = canvas.getObjects().reduce((acc, cur) => (cur.top + cur.height > acc ? cur.top + cur.height : acc), 0)
+    return [
+      { x: minX - 20, y: minY - 20 },
+      { x: maxX + 20, y: maxY + 20 },
+    ]
+  }
+
   return {
     refImage,
     queryRef,