A web-based image editor that allows users to upload, edit, and save images with a variety of filters and transformations. This simple and intuitive tool is perfect for quick photo editing, such as adjusting brightness, saturation, grayscale, and inversion, as well as rotating and flipping images.
- Image Upload: Upload an image from your device to the editor.
- Adjustable Filters: Apply and adjust filters like brightness, saturation, grayscale, and inversion.
- Image Rotation: Rotate the image left or right, or flip horizontally/vertically.
- Reset Filters: Quickly reset all applied filters and transformations.
- Save Image: Save the edited image as a downloadable JPEG file.
- User-Friendly Interface: Simple and easy-to-use UI for a seamless editing experience.
- HTML5: For structuring the editor interface.
- CSS3: For styling and responsiveness.
- JavaScript: For interactivity, image manipulation, and real-time filter adjustments.
- Canvas API: Used to apply filters and transformations to the image before saving.
- Upload Image: Click on the "Choose Image" button to select an image from your device.
- Apply Filters: Choose from a variety of filters (brightness, saturation, grayscale, inversion) and adjust their values using the slider.
- Apply Transformations: Rotate or flip the image using the corresponding buttons.
- Reset Filters: Click the reset button to remove all applied filters and reset transformations.
- Save Image: Once you're satisfied with your edits, click the "Save Image" button to download the final image.
To get started, simply clone or download the repository and open the index.html file in your browser.
git clone https://github.com/yourusername/online-photo-editor.git
cd online-photo-editor
open index.html