jQuery：有一种方法可以将颜色（色调）应用于图像吗？

有一种方法可以使用jQ或一些插头对图像进行着色（应用色调）吗？ 谢谢

Answer 1

正如在动态更改图像颜色中已经提到的那样

看看Pixastic （coloradjust）

https://github.com/jseidelin/pixastic

http://www.pixastic.com/lib/docs/actions/coloradjust/

或PaintbrushJS （颜色色调）

https://github.com/mezzoblue/PaintbrushJS

http://mezzoblue.github.com/PaintbrushJS/demo/

Answer 2

我能想到的最简单的方法是在图像上覆盖半透明div。

一个小例子：

HTML

CSS

 .overlay { display: block; position: absolute; background-color: rgba(200, 100, 100, 0.5); top: 0px; left: 0px; width: 0px; height: 0px; } 

JS（使用JQuery）

 overlay = $("#overlay"); img = $("#myimg"); overlay.width(img.css("width")); overlay.height(img.css("height")); overlay.css("top", img.offset().top + "px"); overlay.css("left", img.offset().left + "px"); 

Answer 3

nico的答案很棒，如果你是在一个简单的色彩之后 – 但是，如果你正在谈论去饱和图像然后应用色调（例如图像只有绿色）那么你可以看看使用进行图像处理

经过一些谷歌搜索，我发现这个画廊的库专注于照片处理操作： https ： //github.com/meltingice/CamanJS

Answer 4

我不确定你是否使用PHP，但是使用JavaScript / jQuery是不可能的。 使用PHP，您可以使用GD图像库在图像发送到客户端之前对其进行着色。 这个post应该有用:-)

此外， 这个论坛post也讨论了ImageMagick也为图像着色。

如果你不能/不能使用PHP，我很抱歉，但JavaScript不能做你想要的。

詹姆士