Поделиться через


Практическое руководство. Использование цветовой матрицы для преобразования одного цвета

GDI+ предоставляет классы Image и Bitmap для хранения изображений и работы с ними. Объекты Image и Bitmap хранят цвет каждого пикселя в виде 32-разрядного числа: по 8 бит на красный, зеленый, синий компоненты и альфа-компонент. Каждый из четырех компонентов — это число от 0 до 255, где 0 обозначает отсутствие интенсивности, а 255 — полную интенсивность. Альфа-компонент указывает прозрачность цвета: 0 полностью прозрачный, и 255 полностью непрозрачны.

Цветной вектор — это 4 кортеж формы (красный, зеленый, синий, альфа-). Например, цветной вектор (0, 255, 0, 255) представляет непрозрачный цвет, который не имеет красного или синего цвета, но имеет зеленый в полной интенсивности.

В другом соглашении для представления цветов используется значение 1 для полной интенсивности. Используя это соглашение, цвет, описанный в предыдущем абзаце, будет представлен вектором (0, 1, 0, 1). GDI+ использует соглашение, в котором 1 соответствует полной интенсивности, при выполнении цветовых преобразований.

К цветовым векторам можно применять линейные преобразования (поворот, масштабирование и т. п.), умножая цветовые векторы на матрицу 4×4. Однако вы не можете использовать матрицу 4×4 для выполнения трансляции (нелинейной). Если добавить фиктивную пятую координату (например, число 1) к каждому из цветовых векторов, можно использовать матрицу 5×5 для применения любого сочетания линейных и трансляций. Преобразование, состоящее из линейного преобразования, за которым следует перевод, называется аффинным преобразованием.

Например, предположим, что вы хотите начать с цвета (0.2, 0.0, 0.4, 1.0) и применить следующие преобразования:

  1. Удвоить красный компонент

  2. Добавьте 0.2 к красным, зеленым и синим компонентам

Следующая матрица умножения будет выполнять пару преобразований в указанном порядке.

Снимок экрана: матрица умножения преобразования.

Элементы цветовой матрицы индексируются (от нуля) по строкам и столбцам. Например, запись в пятой строке и третьем столбце матрицы MM[4][2]обозначается.

Единичная матрица 5×5 (показанная на следующем рисунке) содержит 1 на диагонали и 0 в остальных ячейках. При умножении цветового вектора на матрицу удостоверений цветной вектор не изменяется. Удобный способ формирования матрицы цветового преобразования — начать с единичной матрицы и внести небольшое изменение, которое создаст требуемое преобразование.

Снимок экрана: матрица 5x5 удостоверений для преобразования цвета.

Более подробное обсуждение матриц и преобразований см. в системах координат и преобразованиях.

Пример

В следующем примере создается изображение, которое является одним цветом (0.2, 0.0, 0.4, 1.0) и применяет преобразование, описанное в предыдущих абзацах.

На следующем рисунке показан исходный рисунок слева и преобразованное изображение справа.

Фиолетовый квадрат слева и квадрат фуксии справа.

Код в приведенном ниже примере использует следующие действия для перекрашивания:

  1. Инициализация объекта ColorMatrix.

  2. Создание объекта ImageAttributes и передача объекта ColorMatrix в метод SetColorMatrix объекта ImageAttributes.

  3. Передача объекта ImageAttributes в метод DrawImage объекта Graphics.

Image image = new Bitmap("InputColor.bmp");
ImageAttributes imageAttributes = new ImageAttributes();
int width = image.Width;
int height = image.Height;

float[][] colorMatrixElements = {
   new float[] {2,  0,  0,  0, 0},        // red scaling factor of 2
   new float[] {0,  1,  0,  0, 0},        // green scaling factor of 1
   new float[] {0,  0,  1,  0, 0},        // blue scaling factor of 1
   new float[] {0,  0,  0,  1, 0},        // alpha scaling factor of 1
   new float[] {.2f, .2f, .2f, 0, 1}};    // three translations of 0.2

ColorMatrix colorMatrix = new ColorMatrix(colorMatrixElements);

imageAttributes.SetColorMatrix(
   colorMatrix,
   ColorMatrixFlag.Default,
   ColorAdjustType.Bitmap);

e.Graphics.DrawImage(image, 10, 10);

e.Graphics.DrawImage(
   image,
   new Rectangle(120, 10, width, height),  // destination rectangle
   0, 0,        // upper-left corner of source rectangle
   width,       // width of source rectangle
   height,      // height of source rectangle
   GraphicsUnit.Pixel,
   imageAttributes);
Dim image As New Bitmap("InputColor.bmp")
Dim imageAttributes As New ImageAttributes()
Dim width As Integer = image.Width
Dim height As Integer = image.Height

' The following matrix consists of the following transformations:
' red scaling factor of 2
' green scaling factor of 1
' blue scaling factor of 1
' alpha scaling factor of 1
' three translations of 0.2
Dim colorMatrixElements As Single()() = { _
   New Single() {2, 0, 0, 0, 0}, _
   New Single() {0, 1, 0, 0, 0}, _
   New Single() {0, 0, 1, 0, 0}, _
   New Single() {0, 0, 0, 1, 0}, _
   New Single() {0.2F, 0.2F, 0.2F, 0, 1}}

Dim colorMatrix As New ColorMatrix(colorMatrixElements)

imageAttributes.SetColorMatrix(colorMatrix, ColorMatrixFlag.Default, ColorAdjustType.Bitmap)

e.Graphics.DrawImage(image, 10, 10)

e.Graphics.DrawImage( _
   image, _
   New Rectangle(120, 10, width, height), _
   0, _
   0, _
   width, _
   height, _
   GraphicsUnit.Pixel, _
   imageAttributes)

Компиляция кода

Приведенный выше пример предназначен для использования с Windows Forms и требует PaintEventArgse, который является параметром обработчика событий Paint.

См. также