Web-Based Image Editor with HTML5 Canvas and JavaScript
Description
Full-Featured Web Image Editor
This prompt helps create a professional browser-based image editing tool. Using HTML5 Canvas, CSS3, and JavaScript, you'll get functionality that rivals desktop solutions.
Who Should Use This
- Web developers building graphics editors
- UI/UX designers prototyping interfaces
- Startups in the photo SaaS space
Key Features
- Basic adjustments: brightness, contrast, saturation, sharpness
- Filters with preview: customizable parameters in real-time
- Layer management: blending modes and control
- Text and shapes: fonts, styling, fill and stroke options
- Export: multiple formats with quality control
- History states: full undo/redo support
>_ Prompt
Develop a web-based image editor using HTML5 Canvas, CSS3, and JavaScript. Create a professional interface with tool panels and preview area. Implement basic adjustments including brightness, contrast, saturation, and sharpness. Add filters with customizable parameters and previews. Include cropping and resizing with aspect ratio controls. Implement text overlay with font selection and styling. Add shape drawing tools with fill and stroke options. Include layer management with blending modes. Support image export in multiple formats and qualities. Create a responsive design that adapts to screen size. Add undo/redo functionality with history states.