更改画布中的控件零点

Question

在画布中绘制项目时，位置是从画布中项目的顶部开始：

<Canvas Name="cnvMain"
        Width="80"
        Height="80">
  <Ellipse Canvas.Top="20"
           Canvas.Left="40"
           Width="40"
           Height="40"
           Fill="Gray" />
</Canvas>

现在我需要的是从元素的底部进行测量，如下所示：

最后，我希望能够设置从椭圆底部到画布顶部的距离。注：椭圆有时不能是一个圆，翻转它是不可能的。此外，我不知道运行前的高度，因此在xaml中设置负边距也不起作用。

（图片和示例xaml取自：http://weblogs.asp.net/psheriff/centering-text-within-a-wpf-shape-using-a-canvas）

Answer 1

如果要指定椭圆底部到画布底部的距离，可以替换画布。在画布上方。底部：

<Ellipse Canvas.Bottom="20" Canvas.Left="40" Width="40" Height="40" Fill="Gray"/>

对于从椭圆底部到画布顶部的距离，您可以指定负边距：

<Ellipse Canvas.Top="20" Canvas.Left="40" Width="40" Height="40" Fill="Gray"
         Margin="0,-40,0,0"/>

或适当的渲染转换：

<Ellipse Canvas.Top="20" Canvas.Left="40" Width="40" Height="40" Fill="Gray">
    <Ellipse.RenderTransform>
        <ScaleTransform ScaleY="-1"/>
    </Ellipse.RenderTransform>
</Ellipse>

为了反转整个画布坐标系的y方向，可以对画布应用渲染变换：

<Canvas ... RenderTransformOrigin="0,0.5">
    <Canvas.RenderTransform>
        <ScaleTransform ScaleY="-1"/>
    </Canvas.RenderTransform>
    ...
</Canvas>

编辑：您也可以将椭圆放在另一个高度为零的画布中，并将其附加到较低的画布边框：

<Canvas Canvas.Top="20" Canvas.Left="40" Width="0" Height="0">
    <Ellipse Canvas.Bottom="0" Width="40" Height="40" Fill="Gray"/>
</Canvas>