自定义SkiaSharp CroppingCanvasView无法显示内容问题求助

核心问题定位 #

• 已确认OnPaintSurface触发、Bitmap非空，绘制矩形无显示；仅当Matrix设为Identity时正常显示，说明矩阵变换导致图像被移出可视区域。

分步排查与修复 #

1. 校验Canvas尺寸与矩阵计算的匹配性 #

• 在OnPaintSurface中打印e.Info.Width/e.Info.Height和自定义CanvasSize的数值，确认两者完全一致，避免尺寸不匹配导致缩放偏移。
• 检查CalculateMatrix的缩放逻辑：确保缩放比例是视图尺寸除以Bitmap尺寸，而非反向计算；居中偏移需基于(视图宽 - 缩放后图像宽)/2、(视图高 - 缩放后图像高)/2，不能直接使用原始图像偏移值。

2. 修正矩阵变换顺序 #

SkiaSharp矩阵变换是反向叠加的，顺序错误会导致偏移异常：

• 若要实现先缩放适配视图、再平移居中，正确顺序为：

  matrix.Scale(scaleX, scaleY);
  matrix.Translate(offsetX, offsetY);
  

• 对比旧版逻辑的变换顺序，确保新版完全对齐，避免因顺序颠倒导致图像移出可视区。

3. 确认坐标系一致性 #

• 普通View与自定义CanvasView的坐标系原点可能存在差异（如部分视图以中心为原点），测试绘制一个基于Canvas原点的100x100色块，确认可视区域起点是否符合预期，调整矩阵计算的偏移基准。

4. 检查矩阵应用方式 #

• 确保矩阵是直接传入Canvas.DrawBitmap参数，而非错误应用到Canvas全局变换：
  正确写法：

  canvas.DrawBitmap(bitmap, matrix, paint);
  

  避免写法：

  canvas.SetMatrix(matrix);
  canvas.DrawBitmap(bitmap, 0, 0, paint);
  

  后者可能受Canvas默认变换影响，导致图像偏移。

快速验证方法 #

将CalculateMatrix临时替换为简化的居中缩放逻辑，测试是否正常显示：

private SKMatrix CalculateMatrix()
{
    float scaleX = (float)CanvasSize.Width / Bitmap.Width;
    float scaleY = (float)CanvasSize.Height / Bitmap.Height;
    float scale = Math.Min(scaleX, scaleY);
    float offsetX = (CanvasSize.Width - Bitmap.Width * scale) / 2;
    float offsetY = (CanvasSize.Height - Bitmap.Height * scale) / 2;

    return SKMatrix.CreateTranslation(offsetX, offsetY) * SKMatrix.CreateScale(scale, scale);
}

若此逻辑生效，说明原矩阵的复杂变换（如旋转、自定义裁剪偏移）存在错误，逐步还原原逻辑定位问题点。

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