Is there a way to change an image's color scale in JavaScript?

Question

I was wondering if there is a way to change an image color scale in JavaScript? Say you want to make it warmer or cooler depending upon the user's input. If there is a way in jquery or html5 that would be fine as well. Anyone know how to accomplish something like this?

You should look into html5 canvas. An easy trick is to modify the opacity. — frenchie, Apr 15 '12 at 01:15
With canvas you could change each pixels color value according to some rules. It's certainly possible. There also seems to be SVG solutions: http://stackoverflow.com/questions/609273/convert-an-image-to-grayscale-in-html-css — Felix Kling, Apr 15 '12 at 01:17
Try to do google, Do your work, analyse what went wrong perhaps have the issue and post it in SO. and I request you to read the SO Terms. — iDroid, Apr 15 '12 at 01:22

score 0 · Accepted Answer · answered Apr 15 '12 at 01:21

0

HTML 5 has lot more features than what you just looking for. Anyhow the CANVAS container is the solution that i could say, where you can play with the color, pixels of image. . Have a look at this this. Hope this can help you to start

answered Apr 15 '12 at 01:21

iDroid

1,140
1
13
30

score 0 · Answer 2 · answered Apr 15 '12 at 01:21

0

Maybe not in jquery itself but there is very cool js library for manipulating images called pixastic. http://www.pixastic.com/ Try to search documentation for option you need exactly.

answered Apr 15 '12 at 01:21

shark555

2,562
1
20
10

score 0 · Answer 3 · edited Apr 16 '12 at 14:48

0

My guess is you want to change the saturation. I tried Pixastic but it's broken in my browsers, Chrome, Opera and IE7.

Caman JS looks like it delivers, at least judging from the demo page

http://camanjs.com/examples

edited Apr 16 '12 at 14:48

answered Apr 15 '12 at 01:29

Tina CG Hoehr

6,721
6
44
57

Is there a way to change an image's color scale in JavaScript?

3 Answers3