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.

dfsq · Answer 1 · 2013-02-25T06:00:25.570

1

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

edited Feb 25 '13 at 06:00

answered Sep 16 '11 at 20:26

dfsq

187,712
24
229
250

score 0 · Answer 2 · answered Aug 11 '11 at 20:50

0

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/.

answered Aug 11 '11 at 20:50

Joshua

3,605
1
25
32

The link you provided is an SDK and not an API. – Dave Chen Jul 26 '14 at 02:36
Haha When I posted the link in 2011, it was an API. – Joshua Jul 28 '14 at 14:22

score 0 · Answer 3 · edited May 23 '17 at 12:29

0

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.

edited May 23 '17 at 12:29

Community

1
1

answered Aug 11 '11 at 20:53

Simon Sarris

60,553
13
135
167

Javascript: sepia or duotone image effects?

3 Answers3