WPF Canvas绘制图形偏移问题：后续图形始终位于前一个下方

核心问题 #

你用的ItemsControl默认内置的ItemsPanel是垂直方向的StackPanel——每个椭圆会先被这个StackPanel垂直堆叠排列（每个椭圆占5像素高度，所以会依次往下排），之后再叠加你设置的TranslateTransform偏移。这就导致后续的椭圆在堆叠位置的基础上再加上点击坐标，出现了累积向下偏移的情况。

修复方法 #

把ItemsControl的ItemsPanel替换成Canvas，让每个椭圆都基于Canvas做绝对定位，同时推荐直接用Canvas.Left和Canvas.Top绑定坐标，这比RenderTransform更适配Canvas的布局逻辑：

<Canvas>
    <ItemsControl ItemsSource="{Binding ClickedPositions}">
        <!-- 替换ItemsPanel为Canvas，取消默认的垂直堆叠布局 -->
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <Canvas />
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <Ellipse Width="5" Height="5" Fill="Red"
                         Canvas.Left="{Binding X}" 
                         Canvas.Top="{Binding Y}" />
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
</Canvas>

补充说明 #

如果一定要保留RenderTransform的写法，也可以，但必须先替换ItemsPanel为Canvas，否则StackPanel的堆叠布局依然会导致偏移。不过Canvas.Left/Top是WPF里在Canvas内实现绝对定位的标准方式，逻辑更直观，也更不容易出问题。

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