如何:绘制椭圆或圆

更新:2007 年 11 月

此示例演示如何通过使用 Ellipse 元素绘制椭圆或圆。若要绘制椭圆,请创建一个 Ellipse 元素并指定其 WidthHeight。使用其 Fill 属性来指定用于绘制椭圆内部区域的 Brush。使用其 Stroke 属性来指定用于绘制椭圆轮廓的 BrushStrokeThickness 属性指定椭圆轮廓的粗细。

若要绘制圆,请将 Ellipse 元素的 WidthHeight 设置为彼此相等。

下面的示例将在 Canvas 内绘制四个 Ellipse 元素。

示例

<Canvas Height="200" Width="200">

  <!-- Draws an oval with a blue interior. -->
  <Ellipse
    Width="100"
    Height="50"
    Fill="Blue"
    Canvas.Left="10"
    Canvas.Top="25" />

  <!-- Draws an oval with a blue interior and a black outline. -->
  <Ellipse
    Width="100"
    Height="50"
    Fill="Blue"
    Stroke="Black"
    StrokeThickness="4"
    Canvas.Left="10"
    Canvas.Top="100"/>

  <!-- Draws a circle with a blue interior. -->
  <Ellipse
    Width="50"
    Height="50"
    Fill="Blue"
    Canvas.Left="135"
    Canvas.Top="25"/>

  <!-- Draws a circle with a blue interior and a black outline. -->
  <Ellipse
    Width="50"
    Height="50"
    Stroke="Black"
    StrokeThickness="4"
    Canvas.Left="135"
    Canvas.Top="100" />

</Canvas>

虽然此示例使用 Canvas 来包含椭圆,但是您可以使用椭圆元素(和所有其他形状元素)以及任何支持非文本内容的 PanelControl

此示例摘自一个更大的示例;有关完整的示例,请参见形状元素示例

请参见

任务

形状元素示例

参考

Ellipse

Shape