逐像素颜色转换WriteableBitmap =>PNG黑色只有颜色与透明度
本文关键字:黑色 有颜色 透明度 PNG 颜色 像素 转换 WriteableBitmap | 更新日期: 2023-09-27 18:12:05
我正在开发一个silverlight应用程序,其中我所有的图标都是png。
所有这些图标的颜色是黑色的,或者更确切地说,是黑色到灰色的,这取决于alpha值。每个PNG都有一个透明的背景。
在我的应用程序中,我想做一个逐像素的颜色变化,从黑色或灰色,假设是红色(黑色之前)或浅红色(灰色之前)。
通过每个像素的字节,我认识到,每个全黑色像素的alpha值为255。那些灰色的,alpha值在1到254之间。alpha值为0似乎是透明的。黑色的RGB值都是0。
我的想法是,我改变每个像素的颜色,但保持alpha值,使png保持其原始外观。
为此,我编写了一个小函数,如下所示:private static WriteableBitmap ColorChange(WriteableBitmap wbmi, System.Windows.Media.Color color)
{
for (int pixel = 0; pixel < wbmi.Pixels.Length; pixel++)
{
if (wbmi.Pixels[pixel] != 0)
{
byte[] colorArray = BitConverter.GetBytes(wbmi.Pixels[pixel]);
byte blue = colorArray[0];
byte green = colorArray[1];
byte red = colorArray[2];
byte alpha = colorArray[3];
if (alpha > 0)
{
//HERE, I change the color, but keep the alpha
//
wbmi.Pixels[pixel] = Gui.Colors.ToInt.Get(color,alpha);
colorArray = BitConverter.GetBytes(wbmi.Pixels[pixel]);
blue = colorArray[0];
green = colorArray[1];
red = colorArray[2];
alpha = colorArray[3];
String colorString = "blue: " + blue.ToString() + "green: " + green.ToString() + "red: " + red.ToString() + "alpha: " + alpha.ToString();
System.Diagnostics.Debug.WriteLine(colorString);
}
}
}
return wbmi;
}
和一个小的辅助类来改变颜色,但保持alpha:
namespace Gui.Colors
{
public class ToInt
{
public static int Get(System.Windows.Media.Color color, Byte alpha)
{
color.A = alpha;
return color.A << 24 | color.R << 16 | color.G << 8 | color.B;
}
}
}
我的问题是,我可以清楚地看到,像素与alpha小于255(灰色),是问题。虽然alpha值保持不变,颜色也改变了,但像素看起来不一样了,它们不再透明了。这使得边缘看起来粗糙。
长话短说:看看我的代码-问题是什么?如何实现像素逐像素的颜色转换与原始PNG的透明度?
请原谅我的英语。我的母语不是英语。本案已结案。我找到了Rene Schulte编写的WriteableBitmapExtensions类。
这个扩展类提供了这个函数(以及很多很多…):
private const float PreMultiplyFactor = 1 / 255f;
public static void SetPixeli(this WriteableBitmap bmp, int index, byte a, Color color)
{
float ai = a * PreMultiplyFactor;
bmp.Pixels[index] = (a << 24) | ((byte)(color.R * ai) << 16) | ((byte)(color.G * ai) << 8) | (byte)(color.B * ai);
}
改变颜色的例程现在看起来像这样:
/// <summary>
/// Changes the color of every pixel in a WriteableBitmap with an alpha value > 0 to the desired color.
/// </summary>
/// <param name="wbmi"></param>
/// <param name="color"></param>
/// <returns></returns>
private static WriteableBitmap ColorChange(WriteableBitmap wbmi, System.Windows.Media.Color color)
{
for (int pixel = 0; pixel < wbmi.Pixels.Length; pixel++)
{
byte[] colorArray = BitConverter.GetBytes(wbmi.Pixels[pixel]);
byte blue = colorArray[0];
byte green = colorArray[1];
byte red = colorArray[2];
byte alpha = colorArray[3];
if (alpha > 0)
{
wbmi.SetPixeli(pixel, alpha, color);
}
}
wbmi.Invalidate();
return wbmi;
}
你可以在这里下载Rene Schulte的作品:
http://dotnet.dzone.com/sites/all/files/WriteableBitmapExtensions.zip整个项目可以在这里找到:
http://writeablebitmapex.codeplex.com/由于没有人在SO上回答这个问题,所以向Rene Schulte致敬。YMMD !:)
顺便说一下:我使用的是NounProject的svg,将它们转换为所需大小的png,然后我使用这种方法为它们上色。因为在NounProject中所有的符号都是黑色的,所以这是获得高质量符号的好方法。