通过

如何：绘制椭圆或圆

  • 项目

此示例演示如何使用 Ellipse 元素绘制椭圆形和圆形。 若要绘制椭圆形，请创建 Ellipse 元素，并指定其 Width 和 Height。 使用其 Fill 属性指定用于绘制椭圆形内部的 Brush。 使用其 Stroke 属性指定用于绘制椭圆形轮廓的 Brush。 StrokeThickness 属性指定椭圆形轮廓的粗细。

若要绘制圆形，请将 Ellipse 元素的 Width 和 Height 设置为相等。

以下示例在 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 来包含椭圆形，但可以将椭圆形元素（以及所有其他形状元素）与任何支持非文本内容的 Panel 或 Control 一起使用。

此示例是更大示例的组成部分；有关完整示例，请参阅形状元素示例。

另请参阅