키보드 이벤트 제거
This commit is contained in:
parent
f8641079e6
commit
577ca47b5e
@ -278,27 +278,27 @@ export function useCanvasEvent() {
|
|||||||
switch (key) {
|
switch (key) {
|
||||||
case 'Delete':
|
case 'Delete':
|
||||||
case 'Backspace':
|
case 'Backspace':
|
||||||
handleDelete()
|
// handleDelete()
|
||||||
break
|
break
|
||||||
case 'Down': // IE/Edge에서 사용되는 값
|
case 'Down': // IE/Edge에서 사용되는 값
|
||||||
case 'ArrowDown':
|
case 'ArrowDown':
|
||||||
// "아래 화살표" 키가 눌렸을 때의 동작입니다.
|
// "아래 화살표" 키가 눌렸을 때의 동작입니다.
|
||||||
moveDown()
|
// moveDown()
|
||||||
break
|
break
|
||||||
case 'Up': // IE/Edge에서 사용되는 값
|
case 'Up': // IE/Edge에서 사용되는 값
|
||||||
case 'ArrowUp':
|
case 'ArrowUp':
|
||||||
// "위 화살표" 키가 눌렸을 때의 동작입니다.
|
// "위 화살표" 키가 눌렸을 때의 동작입니다.
|
||||||
moveUp()
|
// moveUp()
|
||||||
break
|
break
|
||||||
case 'Left': // IE/Edge에서 사용되는 값
|
case 'Left': // IE/Edge에서 사용되는 값
|
||||||
case 'ArrowLeft':
|
case 'ArrowLeft':
|
||||||
// "왼쪽 화살표" 키가 눌렸을 때의 동작입니다.
|
// "왼쪽 화살표" 키가 눌렸을 때의 동작입니다.
|
||||||
moveLeft()
|
// moveLeft()
|
||||||
break
|
break
|
||||||
case 'Right': // IE/Edge에서 사용되는 값
|
case 'Right': // IE/Edge에서 사용되는 값
|
||||||
case 'ArrowRight':
|
case 'ArrowRight':
|
||||||
// "오른쪽 화살표" 키가 눌렸을 때의 동작입니다.
|
// "오른쪽 화살표" 키가 눌렸을 때의 동작입니다.
|
||||||
moveRight()
|
// moveRight()
|
||||||
break
|
break
|
||||||
case 'Enter':
|
case 'Enter':
|
||||||
// "enter" 또는 "return" 키가 눌렸을 때의 동작입니다.
|
// "enter" 또는 "return" 키가 눌렸을 때의 동작입니다.
|
||||||
@ -437,21 +437,20 @@ export function useCanvasEvent() {
|
|||||||
// 주요 도형 객체만 필터링 (roof, arrow 등)
|
// 주요 도형 객체만 필터링 (roof, arrow 등)
|
||||||
const objects = allObjects.filter((obj) => {
|
const objects = allObjects.filter((obj) => {
|
||||||
// 주요 도형 객체만 포함
|
// 주요 도형 객체만 포함
|
||||||
return obj.name === 'roof' ||
|
return obj.name === 'roof' || obj.name === 'arrow' || obj.name === 'module' || obj.name === 'dormer' || obj.name === 'object'
|
||||||
obj.name === 'arrow' ||
|
|
||||||
obj.name === 'module' ||
|
|
||||||
obj.name === 'dormer' ||
|
|
||||||
obj.name === 'object'
|
|
||||||
})
|
})
|
||||||
|
|
||||||
console.log('🔍 All objects:', allObjects.length)
|
console.log('🔍 All objects:', allObjects.length)
|
||||||
console.log('🔍 Main objects for centering:', objects.length)
|
console.log('🔍 Main objects for centering:', objects.length)
|
||||||
console.log('🔍 Main object details:', objects.map(obj => ({
|
console.log(
|
||||||
name: obj.name,
|
'🔍 Main object details:',
|
||||||
type: obj.type,
|
objects.map((obj) => ({
|
||||||
visible: obj.visible,
|
name: obj.name,
|
||||||
id: obj.id
|
type: obj.type,
|
||||||
})))
|
visible: obj.visible,
|
||||||
|
id: obj.id,
|
||||||
|
})),
|
||||||
|
)
|
||||||
|
|
||||||
if (objects.length === 0) {
|
if (objects.length === 0) {
|
||||||
console.log('❌ No main objects found for centering')
|
console.log('❌ No main objects found for centering')
|
||||||
@ -507,14 +506,14 @@ export function useCanvasEvent() {
|
|||||||
const monitorCenterY = window.innerHeight / 2
|
const monitorCenterY = window.innerHeight / 2
|
||||||
|
|
||||||
// canvas가 모니터 중앙에 오도록 스크롤 위치 계산
|
// canvas가 모니터 중앙에 오도록 스크롤 위치 계산
|
||||||
const targetScrollLeft = canvasScreenLeft + (canvasRect.width / 2) - monitorCenterX
|
const targetScrollLeft = canvasScreenLeft + canvasRect.width / 2 - monitorCenterX
|
||||||
const targetScrollTop = canvasScreenTop + (canvasRect.height / 2) - monitorCenterY + menuHeightOffset
|
const targetScrollTop = canvasScreenTop + canvasRect.height / 2 - monitorCenterY + menuHeightOffset
|
||||||
|
|
||||||
// 스크롤을 중앙으로 이동
|
// 스크롤을 중앙으로 이동
|
||||||
window.scrollTo({
|
window.scrollTo({
|
||||||
top: targetScrollTop,
|
top: targetScrollTop,
|
||||||
left: targetScrollLeft,
|
left: targetScrollLeft,
|
||||||
behavior: 'smooth' // 부드러운 스크롤
|
behavior: 'smooth', // 부드러운 스크롤
|
||||||
})
|
})
|
||||||
|
|
||||||
canvas.renderAll()
|
canvas.renderAll()
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user