Easy Prompt
CodingCodeIntermediate

Web Image Editor

Build a professional browser image editor using HTML5 Canvas, CSS3, and JavaScript.

Prompt Content

Copy and paste directly into your model or internal evaluation tool.

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.

Use Cases

Create a web-based image editing appTeach web development and Canvas

Reference Output

Complete image editing web app

Scoring Rubric

Technical complexity and feature completeness

Try & save

Fill variables and copy, or save as a personal template.

This template has no variables and is ready to copy.

User Rating

0 ratings
-

Your rating

Log in to rate

Comments

0

Log in to comment

Related Prompts