[1960]출력된 [배치도·계통도]에 가대가 표시되는 경우

src/hooks/floorPlan/useImgLoader.js

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