如何在OpenCV(C++)中使用4x5矩阵实现与Flutter ColorFilter一致的变换效果

以下是导致效果不一致的核心问题与对应修复步骤：

• 通道顺序不匹配：Flutter ColorFilter默认处理RGBA通道顺序，OpenCV imread 接口默认读取的图像为BGR/BGRA通道顺序，仅调换矩阵系数无法完全对齐逻辑，需先将OpenCV读取的图像转为RGBA格式：

  // 读入图像后先转RGBA通道顺序
  cvtColor(input, input, COLOR_BGR2RGBA);
  

• 矩阵维度与参数不对齐：Flutter使用的是4行5列的颜色矩阵，每行最后一个参数为对应通道的偏移值，你当前使用的4x4矩阵缺失偏移维度，需直接复用Flutter侧的矩阵参数无需手动调换通道：

  Mat filter = (Mat_<float>(4, 5) <<
    0.9,  0.11, 0.11, 0.0,  0.0,
    0.11, 0.7,  0.44, 0.0,  0.0,
    0.22, 0.22, 0.9,  0.0,  0.0,
    0.0,  0.0,  0.0,  1.0,  0.0
  );
  

• transform接口参数顺序错误：OpenCV transform 接口参数顺序为输入图像、输出图像、变换矩阵，你当前代码将输入输出写反会导致变换逻辑错误，修正为：

  transform(input, output, filter);
  

• 数值范围溢出问题：Flutter ColorFilter会自动将计算结果钳位到0-255的有效像素范围，OpenCV处理8位整数图像时超出范围的值会直接截断，需先将图像转为浮点类型计算避免精度损失：

  // 转为0-1范围的浮点型计算
  input.convertTo(input, CV_32FC4, 1.0/255.0);
  transform(input, output, filter);
  // 转回8位整数，自动钳位到有效范围
  output.convertTo(output, CV_8UC4, 255.0);
  // 存图前转回BGR格式适配文件编码要求
  cvtColor(output, output, COLOR_RGBA2BGR);
  imwrite(outputImagePath, output);
  

完整修正后代码 #

__attribute__((visibility("default"))) __attribute__((used)) void filter_2(char *inputImagePath, char *outputImagePath)
{
    Mat input = imread(inputImagePath);
    // 转RGBA通道顺序对齐Flutter侧逻辑
    cvtColor(input, input, COLOR_BGR2RGBA);
    Mat output;

    // 直接复用Flutter侧的4x5矩阵，无需调整系数顺序
    Mat filter = (Mat_<float>(4, 5) <<
                  0.9,  0.11, 0.11, 0.0,  0.0,
                  0.11, 0.7,  0.44, 0.0,  0.0,
                  0.22, 0.22, 0.9,  0.0,  0.0,
                  0.0,  0.0,  0.0,  1.0,  0.0);

    // 转浮点型计算避免溢出
    input.convertTo(input, CV_32FC4, 1.0/255.0);
    transform(input, output, filter);
    // 转回8位图像
    output.convertTo(output, CV_8UC4, 255.0);
    // 转回BGR格式存图
    cvtColor(output, output, COLOR_RGBA2BGR);
    imwrite(outputImagePath, output);
}

内容的提问来源于stack exchange，提问作者goldensoju