Generates code for a full-featured web-based image editor using HTML5 Canvas and JavaScript.
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.
This prompt directs an AI to produce a complete browser-based image editing application built with HTML5 Canvas, CSS3, and JavaScript. It results in a responsive professional interface featuring adjustment tools, filters, cropping, text overlays, shapes, layers, and multi-format export. The output is a self-contained, functional web app ready for immediate use or further customization.
A single HTML file with a canvas preview area, side panels for brightness/contrast sliders, filter buttons, text and shape tools, layer list, and export options in PNG/JPEG/WebP formats.
No, it uses only native HTML5 Canvas, CSS3, and vanilla JavaScript.
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.