Как сделать изображение с помощью зеленой маски с цветным ключом в C#?

Question

Попытка выяснить самый элегантный способ визуализации изображения внутри определенного цвета маски на C# (через System.Drawing или эквивалент, который будет работать как в настольных, так и в ASP.NET-приложениях).

Изображение маски будет содержать зеленые клавиши, в которых изображение должно быть «окрашено».

(Желаемый результат ниже изображение не является совершенным, рука lasso'd ...)

Answer 1

Вы могли бы прочитать в маске и перевести его в изображение, которое имеет множество альфа-канала для 0, когда пиксель зеленый, а альфа-канал установлен на 0xFF, когда пиксель - любой другой цвет. Затем вы можете нарисовать изображение маски поверх исходного изображения.

Answer 2

Вы хотите что-то вроде этого:

Bitmap original = new Bitmap(@"tree.jpg"); 
Bitmap mask = new Bitmap(@"mask.jpg"); 

int width = original.Width; 
int height = original.Height; 

// This is the color that will be replaced in the mask 
Color key = Color.FromArgb(0,255,0); 

// Processing one pixel at a time is slow, but easy to understand 
for (int y = 0; y < height; y++) 
{ 
    for (int x = 0; x < width; x++) 
    { 
     // Is this pixel "green" ? 
     if (mask.GetPixel(x,y) == key) 
     { 
      // Copy the pixel color from the original 
      Color c = original.GetPixel(x,y); 

      // Into the mask 
      mask.SetPixel(x,y,c); 
     } 
    } 
} 

Answer 3

Существуют различные методы для этого:

1. пиксельные сканирования данных и построить изображение маски (как уже было предложено itsme86 и Моби Disk)

2. Вариант сканирования, который создает область отсечения из маски и использует это при рисовании (см. this article от Bob Powell)

3. Используйте цветные клавиши для маскировки в вызове Graphics.DrawImage.

Я остановлюсь на третьем варианте.

Предполагая, что цветное изображение, которые вы хотите исключить из вашей маски Color.Lime, мы можем использовать ImageAttributes.SetColorKey, чтобы остановить любого из этого цвета от втягивания во время разговора Graphics.DrawImage так:

using (Image background = Bitmap.FromFile("tree.png")) 
using (Image masksource = Bitmap.FromFile("mask.png")) 
using (var imgattr = new ImageAttributes()) 
{ 
    // set color key to Lime 
    imgattr.SetColorKey(Color.Lime, Color.Lime); 

    // Draw non-lime portions of mask onto original 
    using (var g = Graphics.FromImage(background)) 
    { 
     g.DrawImage(
      masksource, 
      new Rectangle(0, 0, masksource.Width, masksource.Height), 
      0, 0, masksource.Width, masksource.Height, 
      GraphicsUnit.Pixel, imgattr 
     ); 
    } 

    // Do something with the composited image here... 
    background.Save("Composited.png"); 
} 

И результаты:

Вы можете использовать ту же технику (с цветным ключом на Color.Fuchsia), если вы хотите поместить эти кусочки дерева в другое изображение.