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

StackOverflow https://stackoverflow.com/questions/4416007

  •  08-10-2019
  •  | 
  •  

题

有一种使用JQ或某些插头的图像上色（应用色调）的方法吗？谢谢你

其他提示

我能想到的最简单的方法是将半透明的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");

尼科的答案很棒，如果您追求一种简单的颜色色调 - 但是，如果您谈论的是饱和图像和 然后 应用色调（例如，图像仅在绿色中），然后您可以查看使用图像操纵 <canvas>

经过一番谷歌搜索，我找到了这个小画布的图书馆，专注于照片操作操作： https://github.com/meltingice/camanjs

我不确定您是否正在使用PHP，但是JavaScript/jQuery不可能。使用PHP，您可以使用GD映像库将图像发送给客户端之前。 这个线程 应该帮助:-)

还， 这个论坛线程 谈论ImageMagick也可以吸引图像。

如果您不使用PHP，我非常抱歉，但是JavaScript无法做您想做的事。

詹姆士

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top