HTML5 Photo Filters

HTML5 can alter pixel information. This project is an attempt to experiment with those manipulations.

Download the source code here: main.js

Filter #1) A Threshold filter- renders any color below the low threshold as black and any color above the high threshold as white.
Filter #2) A Color filter- adds extra color information to the image.
Filter #3) A Saturation filter- multiplies existing color information.
Filter #4) A Contrast filter- lightens some parts of an image while darkening others to create a more pronounced difference between shades.
Filter #5) A Twirl filter- spirals the picture data.
Filter #6) A Blur filter- uses nearby image data to soften the image.

Open in a browser that supports HTML5 Canvas














Filters That Don't Play Nicely With Other Filters










Things that work well:


Things I'd like to impove: