What is the best JavaScript image processing library ?

Question

Hi,

I need some kick-ass effects for my web site, like gaussian blur, noise, convolution filters, morphological operations etc. All effects must be applied dynamically (no pre-renderend images) and being changed over time.

What is the most powerful image processing library, implemented in JavaScript ?

Answer 1

Take a look at Pixastic

Pixastic is an experimental library which allows you to perform a variety of operations on images using just a bit of JavaScript. The effects supported out of the box include desaturation/greyscale, invert, flipping, brightness/contrast adjustment, hue/saturation, emboss, blur, and many more.

Demo can be found here

Answer 2

Pixastic is the only one I know of, but not all its methods are fully cross browser compatible - they rely on features of the HTML5 canvas element which are unavailable in Internet Explorer, even with exCanvas.

A few demos:

• Noise
• Blur
• Emboss
• Mosaic

http://www.pixastic.com/lib/docs/