Skiasharp中如何将Canvas变换替换为直接对Path执行变换？

问题原因 #

两种实现的变换作用顺序不一致，导致最终坐标存在偏差：

• 原Canvas变换方案：Canvas原有固定非单位矩阵记为M，你自定义的变换矩阵记为T，你通过PostConcat将T叠加到M后得到新的Canvas矩阵M*T，绘制时Path的每个点最终坐标为 原始点 * M * T
• 直接修改Path方案：你将矩阵X应用到Path后，Canvas会再用原有矩阵M做变换，最终坐标为 原始点 * X * M

要两者效果完全一致，需满足 原始点 * M * T = 原始点 * X * M 对所有点成立，因此推导得到 X = M * T * M⁻¹，按这个公式计算Path专用的变换矩阵即可。

正确实现代码 #

// 1. 获取Canvas当前固定的总矩阵 M
SKMatrix canvasMatrix = canvas.TotalMatrix;
// 2. 求Canvas矩阵的逆矩阵 M⁻¹
if (!SKMatrix.TryInvert(canvasMatrix, out SKMatrix invertCanvasMatrix))
{
    // 极端场景矩阵不可逆时的异常处理逻辑，比如缩放为0的情况
    return;
}
// 3. 拼接得到Path专用变换矩阵 X = M * T * M⁻¹
SKMatrix pathTransform = SKMatrix.Concat(canvasMatrix, transformMatrix);
pathTransform = SKMatrix.Concat(pathTransform, invertCanvasMatrix);
// 4. 应用到Path
Path.Transform(pathTransform);
// 5. 用原有Canvas直接绘制即可得到和Canvas变换完全一致的效果
canvas.DrawPath(Path, paint);

注意事项 #

• 如果需要多次应用变换，建议保留原始Path的副本，每次基于原始Path做变换，避免多次变换带来的浮点精度累计误差
• 上述逻辑仅适用于Canvas固定矩阵全程不变的场景，如果Canvas矩阵会动态修改，需要每次重新计算pathTransform

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