Image Editor is a project that allows users to edit images using GLSL and React. It permits editing of images by adjusting contrast, brightness, and applying filters. Additionally, it provides image statistics and the histogram of the image.
- Adjust contrast and brightness
- Apply filters (e.g. grayscale, sepia)
- Display image statistics (e.g. mean, standard deviation)
- Display image histogram
- Built with GLSL and React
- Clone the repository git clone (https://github.com/BorchaniSalma/Image-Editor.git)
- Install dependencies npm install
Chrome | Internet Explorer | Edge | Safari | Firefox |
---|---|---|---|---|
Yes | 10+ | Yes | Yes | Yes |
- Mask Filter, Image Filter
- Image Load, Undo, Redo, Reset, Delete Object(Shape, Line, Mask Image...)
Gaussian Blur | Median Filter | High Pass | Edge Detection (Erosion) | Dilation |
---|---|---|---|---|
- Brightness,Noise,Contrast,Exposure,Saturation,Threshold
Brightness | Exposure | Contrast | Noise |
---|---|---|---|
- Widely supported in browsers including IE10.
- Option to support various display sizes. (allows you to use the editor features on your web pages at least over 550 * 450 sizes)