共用方式為

如何：繪製橢圓形或圓形

  • 發行項

此範例示範如何使用 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。

此範例是較大範例的一部分；如需完整的範例，請參閱圖形元素範例。

另請參閱