PaintbrushJS by Dave Shea, released under the MIT License, is a browser-based image processing library. It creates a canvas that contains the image and applies various image filtering algorithms. There’s a page of demos that illustrate the effects.
The effects work by getting pixels with
getImageData then looping through them and applying the selected filter.
var range = rangy.createRange(); // All DOM Range methods and properties supported range.selectNodeContents(document.body); // All HTML5 Selection methods and properties supported var sel = rangy.getSelection(); sel.removeAllRanges(); sel.addRange(range);