https://github.com/viraj7066/image-editor

https://github.com/viraj7066/image-editor

basic-editor image-editor

Last synced: about 9 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/viraj7066/image-editor
• Owner: viraj7066
• Created: 2024-04-12T18:12:45.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-04-30T16:39:23.000Z (6 months ago)
• Last Synced: 2024-04-30T17:52:37.336Z (6 months ago)
• Topics: basic-editor, image-editor
• Language: JavaScript
• Homepage:
• Size: 19.5 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Basic Image Editor

## Overview

This is a simple web-based image editor built using HTML, CSS, and JavaScript. Users can adjust various image properties like brightness, inversion, saturation, and grayscale. Additionally, they can rotate and flip the image as desired. Once editing is complete, users have the option to download the edited image.

## Features

- Adjust image brightness

- Invert image colors

- Modify image saturation

- Apply grayscale filter

- Rotate image

- Flip image horizontally or vertically

- Download edited image

## How to Use

1. Upload an image using the "Upload Image" button.

2. Use the sliders and buttons to adjust the image properties.

3. Click the "Rotate" or "Flip" buttons to modify the image orientation.

4. Click the "Download" button to save the edited image to your device.

## Getting Started

To run this project locally:

1. Clone this repository:

git clone https://github.com/viraj7066/image-editor.git

2. Open `index.html` in your web browser.

## Technologies Used

- HTML

- CSS

- JavaScript