将CSS过滤器转换为矩阵

Question

我正在尝试将在应用程序中使用的CSS筛选器转换为WebGL Matrix。

例如，我的CSS属性为以下过滤器：

contrast(1.2) brightness(1.0) saturate(1.25%)

据我了解，矩阵由5x4数组组成。

R 0 0 0 0
0 G 0 0 0
0 0 B 0 0
0 0 0 A 0

现在，我了解矩阵的基本知识，并且可以通过以下方式来创建简单的“绿色”过滤器：

0 0 0 0 0
0 1 0 0 0
0 0 0 0 0
0 0 0 1 0

这将产生带有绿色滤镜的图像。但就我而言，我想创建一组变量contrast，brightness和saturate矩阵，然后将它们合并到一个矩阵中，但是我不确定这如何可以完成而不会影响以前在原始3个矩阵中创建的值。

我一直在咨询FinessingfeColorMatrix这篇文章，以了解有关feColorMatrix的更多信息，并且发现了nifty tool用于将RGBA值转换为feColorMatrix，我本来以为可以用来获取所需的值，但是我不确定如何从我正在创建的CSS过滤器中获取RGBA值，这将成为一个争论点。