Freigeben über


Vorgehensweise: Zeichnen einer Ellipse oder eines Kreises

In diesem Beispiel wird gezeigt, wie Ellipsen und Kreise mithilfe des Ellipse-Elements gezeichnet werden. Um eine Ellipse zu zeichnen, erstellen Sie ein Ellipse Element, und geben Sie dessen Width und Heightan. Verwenden Sie die Fill-Eigenschaft, um anzugeben, dass Innere der Ellipse mit Brush ausgemalt wird. Verwenden Sie die Stroke Eigenschaft, um die Brush Gliederung der Ellipse anzugeben. Die StrokeThickness Eigenschaft gibt die Stärke der Ellipse-Gliederung an.

Um einen Kreis zu zeichnen, machen Sie die WidthHeight und das Ellipse Element gleich miteinander.

Im folgenden Beispiel werden vier Ellipse Elemente innerhalb einer Canvas.

Beispiel

<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>

Obwohl in diesem Beispiel eine Canvas für Ellipsen verwendet wird, können Sie Ellipsenelemente (und alle anderen Shape-Elemente) mit jedem Panel oder Control verwenden, das Nicht-Textinhalte unterstützt.

Dieses Beispiel ist Teil einer größeren Stichprobe; die vollständige Stichprobe finden Sie unter Shape Elements Sample.

Siehe auch