Flutter中基于RGBA矩阵生成PNG：Alpha通道失效问题

问题原因 #

你创建img.Image实例时，默认使用RGB像素格式（无Alpha通道），导致所有Alpha值被自动丢弃，因此生成的图片没有透明效果，打印的像素信息也仅显示RGB三个分量。

解决方法 #

创建img.Image时，显式指定像素格式为Format.rgba，确保图片支持Alpha通道：

void createPngFromMatrix(
    List<List<List<int>>> rgbaMatrix, String outputPath) {
  int height = rgbaMatrix.length;
  int width = rgbaMatrix[0].length;
  // 关键：指定format为rgba，开启Alpha通道支持
  img.Image image = img.Image(width: width, height: height, format: img.Format.rgba);

  for (int y = 0; y < height; y++) {
    for (int x = 0; x < width; x++) {
      List<int> rgba = rgbaMatrix[y][x];
      image.setPixelRgba(x, y, rgba[0], rgba[1], rgba[2], rgba[3]);
    }
  }
  File(outputPath).writeAsBytesSync(img.encodePng(image));
}

验证效果 #

修改后，打印的像素信息会包含Alpha分量（例如(72, 0, 182, 0)），生成的PNG图片中Alpha值为0的像素会呈现透明效果。

补充说明 #

• 无论使用setPixelRgba还是直接创建ColorRgba8对象设置像素，前提是Image本身支持Alpha通道，否则Alpha值都会被忽略。
• img.encodePng会自动识别Image的格式，只要是rgba格式，就能正确编码带Alpha通道的PNG。

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