/editee

Online Image Editor In Vanilla JavaScript

Primary LanguageJavaScriptMIT LicenseMIT

Editee

This is a simple image editor built using vanilla JavaScript, HTML, and CSS. It allows you to perform various image editing operations such as changing saturation, brightness, grayscale, and inversion. You can also rotate the image and save the edited image.

Features

  • Change Saturation: Adjust the saturation level of the image to make it more vibrant or less colorful.
  • Change Brightness: Control the brightness of the image to make it brighter or darker.
  • Grayscale: Convert the image to grayscale, removing all color information.
  • Inversion: Invert the colors of the image, creating a negative effect.
  • Rotate Image: Rotate the image clockwise or counterclockwise by a specified angle.
  • Save Image: Save the edited image to your local device.

Technologies Used

  • HTML: Used for the structure and layout of the image editor.
  • CSS: Used for styling the image editor and its components.
  • JavaScript: Used for implementing the image editing functionalities.

Usage

  1. Open the image editor in a web browser.
  2. Upload an image by clicking on the "Upload Image" button.
  3. Use the sliders to adjust the saturation, brightness, or rotation.
  4. Click on the corresponding buttons to apply the desired image editing operation.
  5. To save the edited image, click on the "Save Image" button.

Known Issues

Safari Compatibility: Please note that the image filters may not apply correctly in Safari browser due to limited support for CSS filter properties. We recommend using a different browser such as Chrome or Firefox for the best experience.

Installation

  1. Clone the repository: git clone https://github.com/Trident09/editee.git
  2. Open the project folder.
  3. Open the index.html file in a web browser.

License

This project is licensed under the MIT License.