68

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 ?

AntonAL
  • 16,692
  • 21
  • 80
  • 114
  • I'm not sure about all that image processing, but perhaps you find something in the processing community. http://processing.org/reference/ – kenny Jul 28 '10 at 08:43

4 Answers4

16

CamanJS is the most flexible non-interactive (API, not point-and-click) JavaScript library for image manipulation, that I came across so far.

Konstantin Smolyanin
  • 17,579
  • 12
  • 56
  • 56
Leonid Mamchenkov
  • 366
  • 3
  • 9
  • +1 As of now (July 2013) Caman has a much more active development cycle than Pixastic, which hasn't been updated in 5 months. Which may or may not mean anything, just sayin'. – Tom Auger Jul 20 '13 at 04:09
  • If it doesn't do resizing, I'd say it's not a true image processing library. – Epic Speedy Apr 08 '23 at 13:07
9

Try to look to the Processing.js library. This is a quotation from theirs site:

Processing.js is the sister project of the popular Processing visual programming language, designed for the web.

As far as I know it has more contributors than Pixastic project does and theirs demos are really promising.

Andrey
  • 99
  • 1
  • 2
  • 5
    But Processing, despite its name, is not an image processing library, it is a graphical engine. –  Sep 25 '11 at 22:21
  • @Yves I think that's unfair. Processing is a media programming framework and environment that integrates graphics and image processing libraries. – terrace Nov 20 '12 at 02:53
  • 1
    Processing.js is unmaintained for many years now. – Kalnode Jan 26 '21 at 14:25
6

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

SteD
  • 13,909
  • 12
  • 65
  • 76
  • Thanks. I have also found this library. But thought, that there is some other, that i did't found. – AntonAL Aug 01 '10 at 14:30
  • The link goes to a gambling website. The source code of the project seems to be [here](https://github.com/jseidelin/pixastic), but it has not been updated since 2014. – Fábio Perez Sep 07 '20 at 11:36
3

have a look at the PSX imageprocessing library, it contains a javascript and ios version. the demo site shows what it can do. PSX is the most powerful javascript image processing library ever.

zhijie
  • 642
  • 11
  • 17
  • 1
    Some nice effects but lack of documentation and unit tests is a real problem. If I want to do some local mean filters for example there's no way to know how without reading the entire source. – George Mauer Nov 22 '12 at 23:07