What is the best JavaScript image processing library?

I need some impact effects for my website, such as Gaussian blur, noise, convolution filters, morphological operations, etc. All effects should be applied dynamically (without preliminary images) and change over time.

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

+54
javascript image-processing
Jul 28 '10 at 8:30
source share
5 answers

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

A few demos:

Other links:

+25
Jul 28 2018-10-10T00:
source share

CamanJS is the most flexible non-interactive (API, not point-and-click) image-processing JavaScript library that I have encountered so far.

+15
Mar 15 2018-12-15T00:
source share

Try looking at the Processing.js library. This is a quote from their website:

Processing.js is a sister project to the popular processing visual programming language designed for the web.

As far as I know, he has more contributors than Pixastic, and their demos are really encouraging.

+9
Apr 13 2018-11-11T00:
source share

Take a look at Pixastic

Pixastic is an experimental library that allows you to perform various operations with images using just a bit of JavaScript. The effects supported out of the box include desaturation / grayscale, invert, flipping, adjusting brightness / contrast, hue / saturation, embossing, blurring, and more.

Demo can be found here.

+6
Jul 28 '10 at 8:44
source share

look at the PSX image processing library, it contains the javascript and ios versions. The demo site shows what it can do. PSX is the most powerful javascript image processing library.

+3
Aug 30 '12 at 8:29
source share



All Articles