使用WriteableBitmap处理图像出现颜色线条异常的问题排查

你的问题本质是像素数据的索引计算错误，未正确处理图像的行跨度（stride），同时灰度转换逻辑未实际生效，导致像素错位，出现色线、颜色错乱的现象。

具体错误点 #

1. 像素读取索引逻辑错误：
   你在storeinarray中用array[x + y]获取像素值的方式完全错误。图像像素按行存储，每行起始位置为y * stride，单个像素占4字节（BGRA顺序），所以B通道的正确索引应为y * stride + x * 4，G、R、A通道依次+1、+2、+3。原代码混淆了x/y维度，还忽略了stride的对齐填充，直接导致像素数据错位。

2. 灰度转换未实际执行：
   代码中计算了灰度平均值avg，但未将其赋值给B/G/R通道，等于没有做灰度处理。

3. 像素写入遍历逻辑错误：
   changeImage中通过i += 4递增ys的逻辑错误，应按行优先遍历，每行处理对应宽度的像素，避免行列错位。

修正后的代码 #

void imageLoad()
{
    BitmapImage bit = new BitmapImage();
    bit.BeginInit();
    bit.UriSource = new Uri(@"amazon.jpg", UriKind.Relative);
    // 强制指定格式为BGRA32，避免格式兼容问题
    bit.Format = PixelFormats.Bgra32;
    bit.EndInit();

    ProcessImage(bit);
}

void ProcessImage(BitmapImage bitmap)
{
    int width = bitmap.PixelWidth;
    int height = bitmap.PixelHeight;
    int stride = (width * bitmap.Format.BitsPerPixel + 7) / 8;
    byte[] pixelData = new byte[stride * height];
    
    // 读取原始像素数据
    bitmap.CopyPixels(pixelData, stride, 0);

    // 执行灰度转换
    for (int y = 0; y < height; y++)
    {
        for (int x = 0; x < width; x++)
        {
            int pixelIndex = y * stride + x * 4;
            // 提取BGRA通道值
            byte b = pixelData[pixelIndex];
            byte g = pixelData[pixelIndex + 1];
            byte r = pixelData[pixelIndex + 2];
            
            // 计算灰度平均值
            byte gray = (byte)((r + g + b) / 3);
            
            // 将RGB通道设为灰度值，保留Alpha通道
            pixelData[pixelIndex] = gray;
            pixelData[pixelIndex + 1] = gray;
            pixelData[pixelIndex + 2] = gray;
            // 如需强制不透明可打开下面注释
            // pixelData[pixelIndex + 3] = 255;
        }
    }

    // 创建WriteableBitmap并写入处理后的数据
    WriteableBitmap writeableBitmap = new WriteableBitmap(bitmap);
    Int32Rect rect = new Int32Rect(0, 0, width, height);
    writeableBitmap.WritePixels(rect, pixelData, stride, 0);

    // 显示原始图像
    Image originalImage = new Image();
    originalImage.Source = bitmap;
    Canvas.SetTop(originalImage, 100);
    can.Children.Add(originalImage);

    // 显示处理后的图像
    Image processedImage = new Image();
    processedImage.Source = writeableBitmap;
    can.Children.Add(processedImage);
}

关键优化说明 #

• 直接在原始像素数组上修改，无需额外三维数组存储，减少内存开销与索引错误概率。
• 严格按照行索引 * stride + 列索引 * 4计算像素位置，确保数据读写准确。
• 实际执行灰度转换逻辑，将RGB通道统一设为平均值。
• 指定BitmapImage格式为Bgra32，避免因格式不一致导致的像素解析错误。

额外注意事项 #

• 若图像格式非BGRA32，需先转换格式或根据实际格式调整通道读取逻辑。
• Stride计算必须遵循(宽度 * 每像素位数 +7)/8公式，因为图像行数据通常会对齐到4字节边界，避免内存访问异常。

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