키보드 이벤트 제거

This commit is contained in:
hyojun.choi 2026-05-28 16:48:36 +09:00
parent f8641079e6
commit 577ca47b5e

View File

@ -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()