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

복구할 오브젝트 타입 common js로 이동

Browse Source
This commit is contained in:
hyojun.choi 2024-10-29 18:21:20 +09:00
parent ed90f71908
commit c051291c68
2 changed files with 22 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/common/common.js
View File

@ -1,3 +1,5 @@
import { fabric } from 'fabric'
export const MENU = { export const MENU = {
PLAN_DRAWING: 'planDrawing', PLAN_DRAWING: 'planDrawing',
INITIAL_CANVAS_SETTING: 'initialCanvasSetting', // 배치면 초기설정 INITIAL_CANVAS_SETTING: 'initialCanvasSetting', // 배치면 초기설정
@ -152,3 +154,11 @@ export const SAVE_KEY = [
'uuid', 'uuid',
'originText', 'originText',
] ]
export const OBJECT_PROTOTYPE = [
fabric.Line.prototype,
fabric.Polygon.prototype,
fabric.Text.prototype,
fabric.IText.prototype,
fabric.Triangle.prototype,
]

29
src/hooks/useCanvas.js
View File

@ -13,7 +13,7 @@ import { writeImage } from '@/lib/canvas'
import { useCanvasEvent } from '@/hooks/useCanvasEvent' import { useCanvasEvent } from '@/hooks/useCanvasEvent'
import { useAxios } from '@/hooks/useAxios' import { useAxios } from '@/hooks/useAxios'
import { useFont } from '@/hooks/common/useFont' import { useFont } from '@/hooks/common/useFont'
import { SAVE_KEY } from '@/common/common' import { OBJECT_PROTOTYPE, RELOAD_TYPE_PROTOTYPE, SAVE_KEY } from '@/common/common'
export function useCanvas(id) { export function useCanvas(id) {
const [canvas, setCanvas] = useRecoilState(canvasState) const [canvas, setCanvas] = useRecoilState(canvasState)
@ -105,24 +105,19 @@ export function useCanvas(id) {
fabric.Object.prototype.cornerStrokeColor = '#2BEBC8' fabric.Object.prototype.cornerStrokeColor = '#2BEBC8'
fabric.Object.prototype.cornerSize = 6 fabric.Object.prototype.cornerSize = 6
fabric.Line.prototype.toObject = function (propertiesToInclude) { // 해당 오브젝트 타입의 경우 저장한 값 그대로 불러와야함
let source = {} OBJECT_PROTOTYPE.forEach((type) => {
for (let key in this) { type.toObject = function (propertiesToInclude) {
if (typeof this[key] !== 'function' && SAVE_KEY.includes(key)) { let source = {}
source.key = this[key] for (let key in this) {
if (typeof this[key] !== 'function' && SAVE_KEY.includes(key)) {
source.key = this[key]
}
} }
return fabric.util.object.extend(this.callSuper('toObject', propertiesToInclude), source)
} }
return fabric.util.object.extend(this.callSuper('toObject', propertiesToInclude), source) })
}
fabric.Polygon.prototype.toObject = function (propertiesToInclude) {
let source = {}
for (let key in this) {
if (typeof this[key] !== 'function' && SAVE_KEY.includes(key)) {
source.key = this[key]
}
}
return fabric.util.object.extend(this.callSuper('toObject', propertiesToInclude), source)
}
fabric.QLine = QLine fabric.QLine = QLine
fabric.QPolygon = QPolygon fabric.QPolygon = QPolygon
QPolygon.prototype.canvas = canvas QPolygon.prototype.canvas = canvas