Пиксельное преобразование цвета WriteableBitmap = ›Только черный PNG в цвет с прозрачностью

Я работаю над приложением silverlight, где все мои значки - PNG.

Цвет всех этих значков - черный или, скорее, от черного к серому, в зависимости от значения альфа. Каждый PNG имеет прозрачный фон.

В моем приложении я хочу сделать пиксельное изменение цвета с черного или серого, скажем, на красный (перед черным) или светло-красный (перед серым).

Просматривая байты каждого пикселя, я обнаружил, что каждый полностью черный пиксель имеет альфа-значение 255. Те, кто серые, имеют альфа-значение от 1 до 254. Альфа-значение 0 кажется прозрачным. Все значения RGB равны 0 для черного.

Моя идея заключалась в том, что я меняю цвет каждого пикселя, но сохраняю альфа-значение, чтобы 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;
    }

И небольшой вспомогательный класс для изменения цвета, но с сохранением альфа-канала:

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;
    }
}
}

Моя проблема в том, что я ясно вижу, что проблема заключается в пикселях с альфа-каналом меньше 255 (серый). Хотя альфа-значение сохранено и цвет изменился, пиксели выглядят иначе, они больше не прозрачны. Из-за этого края выглядят тощими.

Длинный разговор, короткий вопрос: Глядя на мой код - в чем проблема? Как добиться преобразования цвета пиксель в пиксель с прозрачностью исходного PNG?

Прошу прощения за мой английский. Я не являюсь носителем английского языка.


colors c# alpha pixel writeablebitmap
person Michael    schedule 05.05.2013    source источник

Ответы (1)


arrow_upward
6
arrow_downward

Этот случай решен. Я нашел класс 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;
    }

Вы можете скачать работы Рене Шульте здесь:

http://dotnet.dzone.com/sites/all/files/WriteableBitmapExtensions.zip

Весь проект можно найти здесь:

http://writeablebitmapex.codeplex.com/

Поскольку никто не ответил на этот вопрос здесь, на SO, большое орудие отдает честь Рене Шульте. YMMD! :)

Кстати: я использую SVG в NounProject, конвертирую их в PNG желаемого размера, а затем использую эти методы для их раскрашивания. . Поскольку все символы в NounProject черные, это хороший способ получить символы высокого качества.

person Michael    schedule 05.05.2013
comment
Спасибо! Однако ваша работа для Silverlight, я не думаю, что WPF предоставляет пиксели. Итак, нам нужно использовать PixelHeight и PixelWidth. Он также имеет ошибку сборки из-за ошибки: «WriteableBitmap» не содержит определения для «Invalidate» и не может быть найден метод расширения «Invalidate», принимающий первый аргумент типа «WriteableBitmap» (отсутствует ли директива using или ссылка на сборку?). Можете ли вы обновить этот метод? - person McoreD; 05.03.2016