Javascript: sepia or duotone image effects?

Question

Are there any reasonably easy to use JS frameworks/libraries for image effects, that would allow me to like converting an image (or part of an image) to b/w, sepia or duotone?

Or, for example, that would allow me to overlap images and use blending modes like Screen, Multiple, etc?

I tend to use jQuery, so a jQuery plugin would be ideal.

Answer 1

For JS only this is hard to do, and I personally am not aware of any way to do this at present. There are web services out there that will do that. One such is http://developers.aviary.com/.

Answer 2

It is pretty easy to (sepia) tone an image that has been drawn to a <canvas>, if you OK with using those:

How can I use a gradient map to tone a HTML5 canvas with an image in the canvas.

Answer 3

Maybe this jQuery plugin could be useful for you. It can convert an image to b/w or halftone.