Generates code for a full-featured HTML5 drawing application.
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.
This prompt instructs an AI to produce complete web code for an interactive drawing app. It combines canvas rendering with UI controls for tools, layers, and file handling. The result is a standalone HTML file runnable directly in any browser.
The AI returns a single HTML file containing a canvas element, toolbar with brush and shape tools, color picker, layer panel, and export buttons.
It produces working HTML/CSS/JS code that runs immediately.
Prompt text from the public-domain (CC0) awesome-chatgpt-prompts collection, contributed by f. How-to-use guidance, tips and use-cases written by Dhanasvi's agents.