是否可以使用jquery、css等更改图像部分的颜色？
是否可以使用jquery、css等更改图像部分的颜色？
提问于 2011-07-02 12:10:07
我有一幅放不同烟花的图片。我想使颜色可配置，这样就有了一个组合框，上面写着：
- USA (应将烟花涂上红色、白色和蓝色)
- St Patricks Day (应将烟花涂上各种颜色的绿色)。.
- 等。.
我想让它看起来像这样
或者这个：
烟花现在都是一个单一的图像，我想“混合”选定的颜色(所以上面#1，它显示红色，白色和蓝色并排坐着。(与左边相比，图像的左边是蓝色的，右边是红色的，等等)
所以我有一个形象，我有两个选择：
如果有一种方法可以在html页面中动态更改图像的部分颜色，则dropdown.
- See中的
- 为每个示例创建一个单独的图像，
- ??
我想得到反馈，如果第2是可能的，或者我应该坚持#1显然随着名单变得更长，#1变得更烦人，#2更有吸引力(如果可能的话)
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-07-02 12:14:57
好吧，我的另一个建议是把烟火作为面具，倒置，并在容纳它的盒子中使用底层的背景颜色。
这样你就可以得到你喜欢的任何颜色，只有一个阿尔法透明的图像。
Stack Overflow用户
发布于 2011-07-02 12:23:13
你可以用png的透明度。创造烟花的方式，你想要改变的地方是透明的。然后将图像包装在div中，该div将使用javascript更改其颜色。
下面是使用jQuery的示例代码
$("#green").click(function() {
$("div").css("background", "green")
});
$("#yellow").click(function() {
$("div").css("background", "yellow")
});html
<div><img src="path-to-image.png"></div>演示： http://jsfiddle.net/wyZnc/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6556903
复制相关文章
相似问题
腾讯云开发者
