Interactive Drawing Application with HTML5 Canvas and JavaScript
Description
Powerful Graphics Editor in Your Browser
This prompt helps create an interactive drawing application using HTML5 Canvas, CSS3, and JavaScript. A modern interface and comprehensive toolset will make it user-friendly.
Who It's For
- Frontend developers learning Canvas API
- Students building graduation projects
- Developers needing a basic graphics editor
Key Features
- Complete toolset: brush, pencil, shapes, text, eraser
- Color management: palettes, color picker, recent colors
- Layer support: opacity and blend modes
- Undo/Redo: action history for convenient editing
- Export options: PNG, JPG, SVG formats
- Navigation: zoom, pan, canvas rotation
- Keyboard shortcuts: quick access to common actions
>_ Prompt
Create an interactive drawing application using HTML5 Canvas, CSS3, and JavaScript. Build a clean interface with intuitive tool selection. Implement multiple drawing tools including brush, pencil, shapes, text, and eraser. Add color selection with recent colors, color picker, and palettes. Include layer support with opacity and blend mode options. Implement undo/redo functionality with history states. Add image import and export in multiple formats (PNG, JPG, SVG). Support canvas resizing and rotation. Implement zoom and pan navigation. Add selection tools with move, resize, and transform capabilities. Include keyboard shortcuts for common actions.