html - 在不使用 Html5 画布的情况下更改部分区域的图像颜色

Question

我们可以在不使用 Html5 画布的情况下更改部分区域的图像颜色（例如：将图像中人的手颜色更改为红色）吗

Answer 1

我不认为你可以，但你可以假装它是你想要做的一种颜色。您要做的是获取您的图像并制作您想要更改颜色的所有部分（假设它最初是红色）并将其变为透明（这意味着您可能需要使用 png）。然后，您为图像设置背景颜色，并在您喜欢时更改颜色。css 和 JS 看起来像这样（使用 jquery）

#weird-image { background-color: #FF0000; }

和

$("#weird-image").mouseover(function () {
    $this.css("background-color","#FFFF00");
}

Answer 2

拍摄图像。并在 Photoshop 的帮助下用红手制作另一张图像（通过在该区域添加颜色）。

并做类似的事情

HTML：

<div id="Library"></div>

CSS：

#Library {
background-image: url('http://www.hdwallpapers3d.com/wp-content/uploads/priyanka-chopra-image.jpg');
height: 70px;
width: 120px;
}

#Library:hover {
background-image: url('http://www.bubblews.com/assets/images/news/101694940_1380487096.jpg');
}

您可以根据需要设置高度和宽度。

jsfiddle 链接：http: //jsfiddle.net/BjAQD/