circuitNumber 글꼴 수정 시 변경

src/hooks/common/useFont.js

@@ -75,7 +75,21 @@ export function useFont() {
     }
   }, [lengthText])
 
-  useEffect(() => {}, [circuitNumberText])
+  useEffect(() => {
+    if (canvas && circuitNumberText.fontWeight.value) {
+      const textObjs = canvas?.getObjects().filter((obj) => obj.name === 'circuitNumber')
+      textObjs.forEach((obj) => {
+        obj.set({
+          fontFamily: circuitNumberText.fontFamily.value,
+          fontWeight: circuitNumberText.fontWeight.value.toLowerCase().includes('bold') ? 'bold' : 'normal',
+          fontStyle: circuitNumberText.fontWeight.value.toLowerCase().includes('italic') ? 'italic' : 'normal',
+          fontSize: circuitNumberText.fontSize.value,
+          fill: circuitNumberText.fontColor.value,
+        })
+      })
+      canvas.renderAll()
+    }
+  }, [circuitNumberText])
 
   return {}
 }