Image processing with Javascript

I’m used to do image processing using Matlab or OpenCV. But today, I prefer using web technologies because sharing and debugging is easier.

How to do image processing using Javascript ?

The canvas API is good to manipulate pixels, however, a library with the most common operations would be great.
I spotted two libraries: PaintbrushJS and Pixastic.

  • PaintbrushJS simply allows to apply filters to images on the page, that’s it.
  • Pixastic is more flexible, offers more filters and features. And you can easily call a filter in your Javascript code.

But because of its simplicity when reading the code, I started some experimentations using PaintbrushJS.

After a few minutes, I noticed that the matrix convolution operation was not correct in this library. So I fixed it in my branch. Feel free to use it.


Leave a Reply

Please log in using one of these methods to post your comment: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s