← 샘플 목록으로
📝 Editable Text
Canvas-Kit의 통합된 디자이너를 사용한 편집 가능한 텍스트입니다. 텍스트 도구를 선택하고 캔버스를 클릭하여 새 텍스트를 추가하거나, 기존 텍스트를 더블클릭하여 편집할 수 있습니다.
Integrated Text Editor with Keyboard Shortcuts
⌨️ 키보드 단축키
Ctrl+Z 실행 취소
Ctrl+Y 다시 실행
1 선택 도구
2 그리기 도구
3 텍스트 도구
4 사각형 도구
5 원 도구
Esc 선택 도구로 복귀
🛠️ Tool Selection
상단 툴바에서 "📝 텍스트" 도구를 선택하거나 3 키를 누르세요
➕ Add Text
텍스트 도구가 선택된 상태에서 캔버스의 원하는 위치를 클릭하면 새 텍스트가 추가됩니다
✏️ Edit Text
기존 텍스트를 더블클릭하면 직접 편집할 수 있습니다
⌨️ Keyboard Shortcuts
Ctrl+Z 실행 취소,Ctrl+Y 다시 실행
🚀 Canvas-Kit 통합의 장점
✅ 통합된 경험
- • 하나의 컴포넌트로 모든 기능 제공
- • 일관된 UI/UX 경험
- • 도구 간 매끄러운 전환
🔧 고급 기능
- • Undo/Redo 지원
- • 복사/붙여넣기 기능
- • 키보드 단축키
🎯 개발자 친화적
- • Scene 기반 상태 관리
- • Command Pattern 구조
- • TypeScript 완전 지원
🔄 확장 가능
- • 모듈형 아키텍처
- • 커스텀 도구 추가 가능
- • 플러그인 시스템