2011-05-24 73 views
0

我想提出一种简单的方法让用户更改为png文件的颜色(例如显示调色板并显示结果的实时预览)。png文件上的颜色掩码

我的图形设计师给我发送了只改变颜色的相同UI元素,那么我应该向他询问什么文件?像白色只有PNG的东西?

例如(的图像是不是100%相似,但你的想法:光线路随后的梯度从打火机更暗,并且最后一个暗线):

first image second image

我宁愿一个通用的PNG,我可以在其上应用面具或编程方式

回答

0

你想要一个.png包含一个alpha通道的细节。对于 “任何” 彩色渐变

示例图片:

由于它出现在Photoshop:

而且这里有一个如何使用HTML图像的例子/ CSS:

http://jsfiddle.net/wbk8d/

<div class="red"></div> 
<div class="magenta"></div> 
<div class="blue"></div> 

div { 
    background: url(http://i.stack.imgur.com/LliRn.png); 
    width: 320px; 
    height: 60px; 
    margin: 0 0 10px 0 
} 
.red { 
    background-color: red 
} 
.magenta { 
    background-color: #f0f 
} 
.blue { 
    background-color: blue 
} 
0

据我了解,你需要一个通用的方式来创建网站。在这种情况下,我建议检查一下您的设计师是否能够在HSL范围内与您一起工作。如果不是,你可以自己点。这意味着,他崇尚色彩和亮度。

看看这个设计师找到DOTNET的一个简单的方法,通过使用HSL methodes改变任何图像:

http://colorschemedesigner.com

+0

那么我的目标是比那小。我只需要一种通用的方法来改变包含阴影的特定图像的颜色。您提供的网站完全符合我的要求。我将试图找出如何 – 2011-05-24 07:24:27

+0

我知道和我工作的唯一方法是:创建System.Drawing.Bitmap,使用System.Drawing.Graphics和Matrix并将其作为System.Drawing.Bitmap再次存储。然后,您可以将其用作WriteableBitmap并将其作为ImageSource共享给WPF。 – goldengel 2011-05-24 07:29:02

+0

如果您只需要亮度,另一种方法是在图像上方覆盖一个“黑色”或“白色”矩形,不透明度从0%到100%。但是,然后,你不能改变色调。 – goldengel 2011-05-24 07:30:47

0

也许你可以尝试SVG而不是PNG。这是一种xml格式,您可以在其中轻松更改颜色。