qcast3/qcast-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

viewLengthText private

Browse Source
This commit is contained in:
hyojun.choi 2024-07-01 16:57:34 +09:00
parent 5adf049095
commit c8eb5d8c61
2 changed files with 5 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/fabric/QLine.js
View File

@ -3,6 +3,7 @@ import { fabric } from 'fabric'
export default class QLine extends fabric.Line { export default class QLine extends fabric.Line {
#length #length
#text #text
#viewLengthText
constructor(points, option) { constructor(points, option) {
super(points, option) super(points, option)
@ -15,7 +16,7 @@ export default class QLine extends fabric.Line {
const dx = this.x2 - this.x1 const dx = this.x2 - this.x1
const dy = this.y2 - this.y1 const dy = this.y2 - this.y1
this.#length = Math.sqrt(dx * dx + dy * dy).toFixed(0) this.#length = Math.sqrt(dx * dx + dy * dy).toFixed(0)
this.viewLengthText = option.viewLengthText ?? true this.#viewLengthText = option.viewLengthText ?? true
} }
#addControl() { #addControl() {
@ -46,11 +47,12 @@ export default class QLine extends fabric.Line {
this.on('removed', () => { this.on('removed', () => {
this.canvas.remove(this.#text) this.canvas.remove(this.#text)
this.#text = null
}) })
} }
setViewLengthText(bool) { setViewLengthText(bool) {
this.viewLengthText = bool this.#viewLengthText = bool
this.#addLengthText() this.#addLengthText()
} }
@ -59,7 +61,7 @@ export default class QLine extends fabric.Line {
this.canvas.remove(this.#text) this.canvas.remove(this.#text)
} }
if (this.viewLengthText) { if (this.#viewLengthText) {
const text = new fabric.Text(this.#length, { const text = new fabric.Text(this.#length, {
left: (this.x1 + this.x2) / 2, left: (this.x1 + this.x2) / 2,
top: (this.y1 + this.y2) / 2, top: (this.y1 + this.y2) / 2,

6
src/components/fabric/QRect.js
View File

@ -39,12 +39,6 @@ export default class QRect extends fabric.Rect {
this.#addLengthText() this.#addLengthText()
}) })
this.on('removed', (e) => {
this.#text.forEach((text) => {
this.canvas.remove(text)
})
})
this.on('moving', () => { this.on('moving', () => {
this.#addLengthText() this.#addLengthText()
}) })