Q컴포넌트 생성시 폰트사이즈는 필수

src/components/Roof2.jsx

@@ -100,7 +100,7 @@ export default function Roof2() {
 
       setCanvasSize(() => ({
         vertical: verticalSize,
-        horizontal: horizontalSize
+        horizontal: horizontalSize,
       }))
     }
   }

src/components/fabric/QLine.js

@@ -5,9 +5,13 @@ export default class QLine extends fabric.Line {
   #text
   #viewLengthText
   #fontSize
+  type = 'QLine'
   constructor(points, option) {
+    if (option.fontSize) {
+      throw new Error('Font size is required.')
+    }
     super(points, option)
-    this.#fontSize = option.fontSize ?? 16
+    this.#fontSize = option.fontSize
     this.#init(option)
     this.#addControl()
   }

src/components/fabric/QPolygon.js

@@ -4,10 +4,14 @@ export default class QPolygon extends fabric.Polygon {
   #viewLengthText
   #text = []
   #fontSize
+  type = 'QPolygon'
 
   constructor(points, option) {
+    if (option.fontSize) {
+      throw new Error('Font size is required.')
+    }
     super(points, option)
-    this.#fontSize = option.fontSize ?? 16
+    this.#fontSize = option.fontSize
     this.#init(points)
     this.#addControl()
   }
@@ -48,6 +52,14 @@ export default class QPolygon extends fabric.Polygon {
     })
   }
 
+  setTexts(texts) {
+    this.#text = texts
+  }
+
+  getTexts() {
+    return this.#text
+  }
+
   #addLengthText() {
     if (this.#text.length > 0) {
       this.#text.forEach((text) => {

src/components/fabric/QRect.js

@@ -3,15 +3,19 @@ export default class QRect extends fabric.Rect {
   #text = []
   #viewLengthText
   #fontSize
-  constructor(points, option) {
+  type = 'QRect'
-    super(points, option)
+  constructor(option) {
-    this.#fontSize = points.fontSize ?? 16
+    if (option.fontSize) {
-    this.#init(points)
+      throw new Error('Font size is required.')
+    }
+    super(option)
+    this.#fontSize = option.fontSize
+    this.#init(option)
     this.#addControl()
   }
 
-  #init(points) {
+  #init(option) {
-    this.#viewLengthText = points.viewLengthText ?? true
+    this.#viewLengthText = option.viewLengthText ?? true
   }
 
   setViewLengthText(bool) {
@@ -79,7 +83,7 @@ export default class QRect extends fabric.Rect {
       const text = new fabric.Text(length.toFixed(0), {
         left: (line.start.x + line.end.x) / 2,
         top: (line.start.y + line.end.y) / 2,
-        fontSize: this.#fontSize,
+        fontSize: this.fontSize,
         selectable: false,
       })
       this.#text.push(text)