이미지 불러오기 제거

src/components/Roof.jsx

@@ -16,7 +16,6 @@ export default function Roof() {
     handleRotate,
     attachCustomControlOnPolygon,
     saveImage,
-    loadImage
   } = useCanvas('canvas')
 
   const addRect = () => {
@@ -189,11 +188,6 @@ export default function Roof() {
         >
           이미지 저장
         </button>
-        <input
-          type="file"
-          accept="image/*"
-          onChange={loadImage}
-        />
       </div>
 
       <div

src/hooks/useCanvas.js

@@ -67,7 +67,8 @@ export function useCanvas(id) {
     canvas?.off('object:modified')
     canvas?.off('object:removed')
     canvas?.off('object:added')
-
+    canvas?.off('mouse:move', drawMouseLines);
+    canvas?.off('mouse:down', handleMouseDown);
   }
   /**
    * 눈금 그리기
@@ -447,28 +448,6 @@ export function useCanvas(id) {
     link.click();
   }
 
-  /**
-   * 이미지로 저장한 내용을 업로드 후 canvas에 그리기
-   */
-
-  const loadImage = (e) => {
-
-    const file = e.target.files[0];
-    const reader = new FileReader();
-
-    reader.onload = function(e) {
-      const dataURL = e.target.result;
-      fabric.Image.fromURL(dataURL, function(img) {
-        // 이미지 객체 생성
-        img.selectable = false
-        canvas?.add(img);
-
-        canvas?.renderAll();
-      });
-    };
-
-    reader.readAsDataURL(file);
-  }
 
   return {
     canvas,
@@ -483,6 +462,5 @@ export function useCanvas(id) {
     handleRotate,
     attachCustomControlOnPolygon,
     saveImage,
-    loadImage
   }
 }