src/hooks/floorPlan/useImgLoader.js

@@ -44,7 +44,7 @@ export function useImgLoader() {
    */
   const handleCanvasToPng = async (type) => {
     try {
-      removeMouseLines()
+      toggleLineEtc(false)
 
       canvas.getObjects('image').forEach((obj) => {
         if (obj.getSrc) {
@@ -86,6 +86,8 @@ export function useImgLoader() {
       })
       console.log('🚀 ~ handleCanvasToPng ~ result:', result)
 
+      toggleLineEtc(true)
+
       return result
     } catch (e) {
       setIsGlobalLoading(false)
@@ -94,13 +96,21 @@ export function useImgLoader() {
   }
 
   /**
-   * 마우스 포인터의 가이드라인을 제거합니다.
+   * 마우스 포인터 그리드, 임의그리드, 흡착점 등 제거.
+   *
    */
-  const removeMouseLines = () => {
+  const toggleLineEtc = (visible = false) => {
     if (canvas?._objects.length > 0) {
       const mouseLines = canvas?._objects.filter((obj) => obj.name === 'mouseLine')
       mouseLines.forEach((item) => canvas?.remove(item))
     }
+
+    const adsorptionPoints = canvas?._objects.filter((obj) => obj.name === 'adsorptionPoint')
+    const gridLines = canvas?._objects.filter((obj) => obj.name === 'lineGrid' || obj.name === 'tempGrid' || obj.name === 'dotGrid')
+
+    adsorptionPoints.forEach((item) => item.set({ visible: visible }))
+    gridLines.forEach((item) => item.set({ visible: visible }))
+
     canvas?.renderAll()
   }