src/hooks/floorPlan/useImgLoader.js

@@ -84,25 +84,15 @@ export function useImgLoader() {
       const originalBg = canvas.backgroundColor
       canvas.backgroundColor = '#ffffff'
 
-      // CORS 대응: 이미지 오브젝트에 crossOrigin 설정 (로드 완료 대기)
+      // CORS 대응: 이미지 오브젝트에 crossOrigin 설정
-      const imageObjects = canvas.getObjects('image').filter((obj) => obj.getSrc)
+      canvas.getObjects('image').forEach((obj) => {
-      await Promise.all(
+        if (obj.getSrc) {
-        imageObjects.map(
+          const img = new Image()
-          (obj) =>
+          img.crossOrigin = 'anonymous'
-            new Promise((resolve) => {
+          img.src = obj.getSrc()
-              const img = new Image()
+          obj.setElement(img)
-              img.crossOrigin = 'anonymous'
+        }
-              img.onload = () => {
+      })
-                obj.setElement(img)
-                resolve()
-              }
-              img.onerror = () => {
-                resolve()
-              }
-              img.src = obj.getSrc()
-            }),
-        ),
-      )
 
       canvas.renderAll()