ezImageFilter-js-library

A javascript library that applies various filters and effects on images!

  • Version 1.0.0
  • Run the demo.html to view how to apply the filters

Available Filters

Original image (undraw.co)

image

1. Grayscale

  • Applies a grayscale filter on an image

image_grayscale

2. Black and white

  • Changes the image’s colors to black and white based on a threshold

image_bNw

3. Red effect

  • Makes the image use the red channel only as for colors

image_red

4. Green effect

  • Makes the image use the green channel only as for colors

image_green

5. Blue effect

  • Makes the image use the blue channel only for its colors

image_blue

6. Filter out a color

  • Filters out a color based on (r, g, b) values

image_filter_color

7. Invert colors

  • Inverts the image’s colors

image_invert

8. Box Blur

  • Applies a box blur effect on an image

image_box_blur

9. Edge detecion (black color edges)

  • Detects and draws the image edges (black color edges)

image_edges_b

10. Edge detecion (maintain edge colors)

  • Detects and draws the image edges (maintain edge colors)

image_edges_c

11. Coming soon.

GitHub

View Github