jQuery:有一种方法可以将颜色(色调)应用于图像吗？

Question

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

Answer 1

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

一个小例子:

HTML

<div id="overlay" class="overlay"></div>
<img id="myimg" src="img.jpg" />

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 2

正如动态改变图像颜色中已经提到的

看看Pixastic（色彩调整）

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/