Skip to content

BorchaniSalma/Image-Editor

 
 

Repository files navigation

GLSL ImageEditor

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.

🎨 Features

  • 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

📙 Installation

  1. Clone the repository git clone (https://github.com/BorchaniSalma/Image-Editor.git)
  2. Install dependencies npm install

🌏 Usage

Chrome Chrome IE Internet Explorer Edge Edge Safari Safari Firefox Firefox
Yes 10+ Yes Yes Yes

💪 Has full features that stick to the basic.

Photo manipulation

  • Mask Filter, Image Filter

Integration function

  • Image Load, Undo, Redo, Reset, Delete Object(Shape, Line, Mask Image...)
Gaussian Blur Median Filter High Pass Edge Detection (Erosion) Dilation
2018-06-04 4 33 16 2018-06-04 4 40 06 2018-06-04 4 43 02 2018-06-04 4 47 40 2018-06-04 4 51 45

Powerful filter function

  • Brightness,Noise,Contrast,Exposure,Saturation,Threshold
Brightness Exposure Contrast Noise
Brightness noise Contrast Exposure

🙆 Easy to apply the size and design you want

Can be used everywhere.

  • 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)

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 68.6%
  • GLSL 18.8%
  • JavaScript 9.0%
  • HTML 2.4%
  • CSS 1.2%