OnImageMatrix.custom constructor

OnImageMatrix.custom(List<double> matrix)

Construct a color filter that transforms a color by a 5x5 matrix, where the fifth row is implicitly added in an identity configuration.

Every pixel's color value, repsented as an [R, G, B, A], is matrix multiplied to create a new color:

| R' |   | a00 a01 a02 a03 a04 |   | R |
| G' |   | a10 a11 a22 a33 a44 |   | G |
| B' | = | a20 a21 a22 a33 a44 | * | B |
| A' |   | a30 a31 a22 a33 a44 |   | A |
| 1  |   |  0   0   0   0   1  |   | 1 |

The matrix is in row-major order and the translation column is specified in unnormalized, 0...255, space. For example, the identity matrix is:

const ColorFilter identity = ColorFilter.matrix(<double>[
  1, 0, 0, 0, 0,
  0, 1, 0, 0, 0,
  0, 0, 1, 0, 0,
  0, 0, 0, 1, 0,
]);

From ColorFilter.matrix

Try yourself:

• SVG Color Matrix Mixer
• SVG Color Filter Playground

See more:

• rn-color-matrices
• finessing-fecolormatrix
• colormatrix-guide
• image-filters-in-flutter

Implementation

OnImageMatrix.custom(List<double> matrix) : super.matrix(matrix);