jimp-test

src/components/floor-plan/modal/circuitTrestle/CircuitTrestleSetting.jsx

@@ -103,8 +103,8 @@ export default function CircuitTrestleSetting({ id }) {
     }
   }, [])
 
-  // 50%로 만든 다
-  const handleZoomClear = () => {
+  // 50%로 압축
+  const handleZoomCompression = () => {
     // setCanvasZoom(100)
     const x = canvas.width / 2
     const y = canvas.height / 2
@@ -112,6 +112,13 @@ export default function CircuitTrestleSetting({ id }) {
     canvas.renderAll()
   }
 
+  const handleZoomClear = () => {
+    setCanvasZoom(100)
+    canvas.set({ zoom: 1 })
+    canvas.viewportTransform = [1, 0, 0, 1, 0, 0]
+    canvas.renderAll()
+  }
+
   // 수동할당 시 모듈 삭제
 
   // 시리즈중 자동으로 추천 PCS 정보 조회
@@ -353,7 +360,7 @@ export default function CircuitTrestleSetting({ id }) {
 
   // 회로할당(승압설정) 저장 버튼 클릭 시
   const onApply = async () => {
-    handleZoomClear()
+    handleZoomCompression()
     setAllModuleSurfaceIsComplete(false)
 
     setIsGlobalLoading(true)
@@ -385,6 +392,7 @@ export default function CircuitTrestleSetting({ id }) {
 
     if (result) {
       handleCanvasToPng(2)
+      handleZoomClear()
       // 견적서 저장
       await saveEstimate(result)
     } else {