diff --git a/src/hooks/floorPlan/useImgLoader.js b/src/hooks/floorPlan/useImgLoader.js index 12c9cbb2..242206db 100644 --- a/src/hooks/floorPlan/useImgLoader.js +++ b/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() }