绘制 8bpp 位图时如何使调色板中的颜色透明
How to make colors in a Palette transparent when drawing 8bpp Bitmaps
我有一个 8bpp 索引位图和一个自定义的 256 调色板,其中调色板中的特定颜色(Color.Pink
和 Color.Green
)表示透明度。
我可以在位图上使用 MakeTransparent(color)
方法(每种颜色两次),但它会将其转换为 32bpp。所以我使用的是:
using var imageAttr = new ImageAttributes();
imageAttr.SetColorKey(pink, pink, ColorAdjustType.Default);
然后
g.DrawImage(bitmap, destRect, X, Y, Width, Height, GraphicsUnit.Pixel, imageAttr);
按原样绘制位图,但只对透明颜色进行更改 Color.Pink
。我怎样才能对第二种颜色 (Color.Green
) 执行此操作?
两个ImageAttributes.SetColorKey() and Bitmap.MakeTransparent都不是当你需要重新映射位图调色板的索引颜色时的首选:前者一次只能设置一种颜色,后者后者将原始图像转换为 32bpp 图像。
您需要更改索引图像 ColorPalette or draw a new Bitmap using the ImageAttributes.SetRemapTable() method. This method accepts an array of ColorMap 对象。 ColorMap 用于指定在绘制位图时替换旧颜色的新颜色。
让我们制作一个示例 8bpp 图像并应用部分调色板,然后使用 Image.LockBits to parse the BitmapData 并将这些颜色应用到一组 3x3 矩形:
var image = new Bitmap(12, 12, PixelFormat.Format8bppIndexed);
var palette = image.Palette; // Copy the Palette entries
palette.Entries[0] = Color.SteelBlue;
palette.Entries[1] = Color.Pink;
palette.Entries[2] = Color.Red;
palette.Entries[3] = Color.Orange;
palette.Entries[4] = Color.YellowGreen;
palette.Entries[5] = Color.Khaki;
palette.Entries[6] = Color.Green;
palette.Entries[7] = Color.LightCoral;
palette.Entries[8] = Color.Maroon;
image.Palette = palette; // Sets back the modified palette
var data = image.LockBits(new Rectangle(0, 0, image.Width, image.Height), ImageLockMode.WriteOnly, image.PixelFormat);
int rectsCount = 3; // Generate 3 Rectangles per line...
int step = data.Stride / rectsCount; // ...of this size (single dimension, since w=h here)
int colorIdx = 0, col = 0; // Color and Column positions
byte[] buffer = new byte[data.Stride * image.Height];
for (int i = 1; i <= rectsCount; i++) {
for (int y = 0; y < data.Height; y++) {
for (int x = col; x < (step * i); x++) {
buffer[x + y * data.Stride] = (byte)colorIdx;
}
colorIdx += (y + 1) % step == 0 ? 1 : 0;
}
col += step;
}
Marshal.Copy(buffer, 0, data.Scan0, buffer.Length);
image.UnlockBits(data);
生成这个有趣的图像(缩放 x25):
现在,您想使调色板中的两种颜色透明:Color.Pink
和 Color.Green
。
您可以构建一个 ColorMap
对象数组,指定哪些新颜色替换现有颜色:
var mapPink = new ColorMap() { OldColor = Color.Pink, NewColor = Color.Transparent };
var mapGreen = new ColorMap() { OldColor = Color.Green, NewColor = Color.Transparent };
var colorMap = new ColorMap[] { mapPink, mapGreen };
然后:
- 用新映射的颜色替换图像调色板中的每种颜色:
(请注意,我没有直接传递 [Image].Palette
对象,我使用的是之前创建的 Palette 的副本(var palette = image.Palette;
):如果直接传递 Image Palette,则不会注册更改)
private ColorPalette RemapImagePalette(ColorPalette palette, ColorMap[] colorMaps)
{
for (int i = 0; i < palette.Entries.Length; i++) {
foreach (ColorMap map in colorMaps) {
if (palette.Entries[i] == map.OldColor) {
palette.Entries[i] = map.NewColor;
}
}
}
return palette;
}
// [...]
var palette = image.Palette;
image.Palette = RemapImagePalette(palette, colorMap);
- 或者使用
ImageAttributes.SetRemapTable()
方法生成一个新的位图,并使用 Graphics.DrawImage()
方法使用接受一个ImageAttributes
参数:
private Bitmap ImageRemapColors(Image image, Size newSize, ColorMap[] map)
{
var bitmap = new Bitmap(newSize.Width, newSize.Height);
using (var g = Graphics.FromImage(bitmap))
using (var attributes = new ImageAttributes()) {
if (map != null) attributes.SetRemapTable(map);
g.InterpolationMode = InterpolationMode.NearestNeighbor;
g.PixelOffsetMode = PixelOffsetMode.Half;
g.DrawImage(image, new Rectangle(Point.Empty, newSize),
0, 0, image.Width, image.Height, GraphicsUnit.Pixel, attributes);
}
return bitmap;
}
// [...]
// Draws the 12x12 indexed 8bpp Image to a new 300x300 32bpp Bitmap
Bitmap remappedImage = ImageRemapColors(image, new Size(300, 300), colorMap);
这些方法生成相同的输出。
- 一个可用于更改索引图像格式的调色板。
- 另一个在设备上下文中呈现具有重新映射颜色的图像(例如,将位图分配给控件的图像 属性)。
- [额外]另一种选择是使用 TextureBrush,如下所示:
我有一个 8bpp 索引位图和一个自定义的 256 调色板,其中调色板中的特定颜色(Color.Pink
和 Color.Green
)表示透明度。
我可以在位图上使用 MakeTransparent(color)
方法(每种颜色两次),但它会将其转换为 32bpp。所以我使用的是:
using var imageAttr = new ImageAttributes();
imageAttr.SetColorKey(pink, pink, ColorAdjustType.Default);
然后
g.DrawImage(bitmap, destRect, X, Y, Width, Height, GraphicsUnit.Pixel, imageAttr);
按原样绘制位图,但只对透明颜色进行更改 Color.Pink
。我怎样才能对第二种颜色 (Color.Green
) 执行此操作?
两个ImageAttributes.SetColorKey() and Bitmap.MakeTransparent都不是当你需要重新映射位图调色板的索引颜色时的首选:前者一次只能设置一种颜色,后者后者将原始图像转换为 32bpp 图像。
您需要更改索引图像 ColorPalette or draw a new Bitmap using the ImageAttributes.SetRemapTable() method. This method accepts an array of ColorMap 对象。 ColorMap 用于指定在绘制位图时替换旧颜色的新颜色。
让我们制作一个示例 8bpp 图像并应用部分调色板,然后使用 Image.LockBits to parse the BitmapData 并将这些颜色应用到一组 3x3 矩形:
var image = new Bitmap(12, 12, PixelFormat.Format8bppIndexed);
var palette = image.Palette; // Copy the Palette entries
palette.Entries[0] = Color.SteelBlue;
palette.Entries[1] = Color.Pink;
palette.Entries[2] = Color.Red;
palette.Entries[3] = Color.Orange;
palette.Entries[4] = Color.YellowGreen;
palette.Entries[5] = Color.Khaki;
palette.Entries[6] = Color.Green;
palette.Entries[7] = Color.LightCoral;
palette.Entries[8] = Color.Maroon;
image.Palette = palette; // Sets back the modified palette
var data = image.LockBits(new Rectangle(0, 0, image.Width, image.Height), ImageLockMode.WriteOnly, image.PixelFormat);
int rectsCount = 3; // Generate 3 Rectangles per line...
int step = data.Stride / rectsCount; // ...of this size (single dimension, since w=h here)
int colorIdx = 0, col = 0; // Color and Column positions
byte[] buffer = new byte[data.Stride * image.Height];
for (int i = 1; i <= rectsCount; i++) {
for (int y = 0; y < data.Height; y++) {
for (int x = col; x < (step * i); x++) {
buffer[x + y * data.Stride] = (byte)colorIdx;
}
colorIdx += (y + 1) % step == 0 ? 1 : 0;
}
col += step;
}
Marshal.Copy(buffer, 0, data.Scan0, buffer.Length);
image.UnlockBits(data);
生成这个有趣的图像(缩放 x25):
现在,您想使调色板中的两种颜色透明:Color.Pink
和 Color.Green
。
您可以构建一个 ColorMap
对象数组,指定哪些新颜色替换现有颜色:
var mapPink = new ColorMap() { OldColor = Color.Pink, NewColor = Color.Transparent };
var mapGreen = new ColorMap() { OldColor = Color.Green, NewColor = Color.Transparent };
var colorMap = new ColorMap[] { mapPink, mapGreen };
然后:
- 用新映射的颜色替换图像调色板中的每种颜色:
(请注意,我没有直接传递[Image].Palette
对象,我使用的是之前创建的 Palette 的副本(var palette = image.Palette;
):如果直接传递 Image Palette,则不会注册更改)
private ColorPalette RemapImagePalette(ColorPalette palette, ColorMap[] colorMaps)
{
for (int i = 0; i < palette.Entries.Length; i++) {
foreach (ColorMap map in colorMaps) {
if (palette.Entries[i] == map.OldColor) {
palette.Entries[i] = map.NewColor;
}
}
}
return palette;
}
// [...]
var palette = image.Palette;
image.Palette = RemapImagePalette(palette, colorMap);
- 或者使用
ImageAttributes.SetRemapTable()
方法生成一个新的位图,并使用Graphics.DrawImage()
方法使用接受一个ImageAttributes
参数:
private Bitmap ImageRemapColors(Image image, Size newSize, ColorMap[] map)
{
var bitmap = new Bitmap(newSize.Width, newSize.Height);
using (var g = Graphics.FromImage(bitmap))
using (var attributes = new ImageAttributes()) {
if (map != null) attributes.SetRemapTable(map);
g.InterpolationMode = InterpolationMode.NearestNeighbor;
g.PixelOffsetMode = PixelOffsetMode.Half;
g.DrawImage(image, new Rectangle(Point.Empty, newSize),
0, 0, image.Width, image.Height, GraphicsUnit.Pixel, attributes);
}
return bitmap;
}
// [...]
// Draws the 12x12 indexed 8bpp Image to a new 300x300 32bpp Bitmap
Bitmap remappedImage = ImageRemapColors(image, new Size(300, 300), colorMap);
这些方法生成相同的输出。
- 一个可用于更改索引图像格式的调色板。
- 另一个在设备上下文中呈现具有重新映射颜色的图像(例如,将位图分配给控件的图像 属性)。
- [额外]另一种选择是使用 TextureBrush,如下所示: