C# WPF Canvas中Path绕自身中心定位旋转异常问题

我需要在C# WPF的Canvas控件中，将Path绕自身中心旋转后定位到指定坐标。XAML中定义的静态Path可以正常实现该效果，代码如下：

<Path Stroke="Black" RenderTransformOrigin="0.379,0.494" Canvas.Left="30" Canvas.Top="0">
    <Path.RenderTransform>
        <TransformGroup>
            <RotateTransform Angle="-38.28"/>
            <TranslateTransform X="-30" Y="-30"/>
        </TransformGroup>
    </Path.RenderTransform>
    <Path.Data>
        <PathGeometry>
            <PathGeometry.Figures>
                <PathFigureCollection>
                    <PathFigure StartPoint="75,30">
                        <PathFigure.Segments>
                            <PathSegmentCollection>
                                <LineSegment Point="0,0"/>
                                <LineSegment Point="12,30"/>
                                <LineSegment Point="0, 60"/>
                                <LineSegment Point="75, 30"/>
                            </PathSegmentCollection>
                        </PathFigure.Segments>
                    </PathFigure>
                </PathFigureCollection>
            </PathGeometry.Figures>
        </PathGeometry>
    </Path.Data>
</Path>

但通过C#代码创建相同结构的Path时，无法实现绕中心旋转定位，而是围绕某个未知点旋转，代码如下：

{
    PathGeometry pathGeom = new PathGeometry();
    Sprite = new Path
    {
        Data = pathGeom,
        RenderTransformOrigin = new Point(0.379, 0.5),
        Stroke = new SolidColorBrush(Color.FromArgb(120, 0, 0, 0)),
        Fill = new SolidColorBrush(Color.FromArgb(120, 30, 200, 7))
    };

    var pf = new PathFigure { StartPoint = new Point(75, 30) };
    pf.Segments.Add(new LineSegment { Point = new Point(0, 0) });
    pf.Segments.Add(new LineSegment { Point = new Point(12, 30) });
    pf.Segments.Add(new LineSegment { Point = new Point(0, 60) });
    pf.Segments.Add(new LineSegment { Point = new Point(75, 30) });
    pathGeom.Figures.Add(pf);

    UpdateRotation();
    canvas.Children.Add(Sprite);
}

private void UpdateRotation()
{
    Sprite.RenderTransform = new TransformGroup
    {
        Children = new TransformCollection {
            new RotateTransform(Road.Angle + (Direction == -1 ? 90 : 0), -30, -30) , // 我试过这么写
            new TranslateTransform(-30, -30), // 也单独试过这个，但都没用
        }
    };
    Canvas.SetLeft(Sprite, Loc.X);
    Canvas.SetTop(Sprite, Loc.Y);
}

静态Path可正确绕自身中心旋转后定位到目标位置。

问题原因及解决方法 #

1. RenderTransformOrigin数值不一致：XAML中用的是0.379,0.494，但C#代码里写的是0.379,0.5，微小误差会导致旋转中心偏移，需修正为完全一致的值。
2. RotateTransform错误指定中心点：XAML中的RotateTransform未设置中心点，依靠RenderTransformOrigin定义旋转中心；而C#代码给RotateTransform加了(-30,-30)的中心点，覆盖了RenderTransformOrigin的作用，导致旋转中心错误。
3. 定位逻辑冲突：同时使用Canvas.SetLeft/Top和TranslateTransform会造成双重偏移，需和XAML保持一致逻辑——要么用Canvas定位配合Transform偏移，要么统一用Transform完成定位。

修改后的C#代码 #

{
    PathGeometry pathGeom = new PathGeometry();
    Sprite = new Path
    {
        Data = pathGeom,
        // 修正RenderTransformOrigin为和XAML一致的值
        RenderTransformOrigin = new Point(0.379, 0.494),
        Stroke = new SolidColorBrush(Color.FromArgb(120, 0, 0, 0)),
        Fill = new SolidColorBrush(Color.FromArgb(120, 30, 200, 7))
    };

    var pf = new PathFigure { StartPoint = new Point(75, 30) };
    pf.Segments.Add(new LineSegment { Point = new Point(0, 0) });
    pf.Segments.Add(new LineSegment { Point = new Point(12, 30) });
    pf.Segments.Add(new LineSegment { Point = new Point(0, 60) });
    pf.Segments.Add(new LineSegment { Point = new Point(75, 30) });
    pathGeom.Figures.Add(pf);

    UpdateRotation();
    canvas.Children.Add(Sprite);
}

private void UpdateRotation()
{
    Sprite.RenderTransform = new TransformGroup
    {
        Children = new TransformCollection {
            // 移除RotateTransform的中心点参数，依赖RenderTransformOrigin
            new RotateTransform(Road.Angle + (Direction == -1 ? 90 : 0)),
            // 保持和XAML一致的Translate参数
            new TranslateTransform(-30, -30),
        }
    };
    // 和XAML中的Canvas定位参数匹配，后续可根据需求替换为动态坐标
    Canvas.SetLeft(Sprite, 30);
    Canvas.SetTop(Sprite, 0);
}

如果需要动态定位到Loc.X/Loc.Y，可调整TranslateTransform参数抵消Canvas定位的偏移：

// 计算目标坐标与XAML默认定位的偏移量
var offsetX = Loc.X - 30;
var offsetY = Loc.Y - 0;
Sprite.RenderTransform = new TransformGroup
{
    Children = new TransformCollection {
        new RotateTransform(Road.Angle + (Direction == -1 ? 90 : 0)),
        new TranslateTransform(-30 + offsetX, -30 + offsetY),
    }
};
Canvas.SetLeft(Sprite, 30);
Canvas.SetTop(Sprite, 0);

也可以直接通过Transform完成所有定位，不再使用Canvas.SetLeft/Top：

Sprite.RenderTransform = new TransformGroup
{
    Children = new TransformCollection {
        new RotateTransform(Road.Angle + (Direction == -1 ? 90 : 0)),
        // 直接结合偏移量定位到目标坐标
        new TranslateTransform(Loc.X - 30, Loc.Y - 30),
    }
};
// 保持Canvas定位为默认值
Canvas.SetLeft(Sprite, 0);
Canvas.SetTop(Sprite, 0);

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