Markieren Sie das Kontrollkästchen Englisch, um die englische Version dieses Artikels anzuzeigen. Sie können den englischen Text auch in einem Popup-Fenster einblenden, indem Sie den Mauszeiger über den Text bewegen.
Übersetzung
Englisch

Gewusst wie: Zeichnen einer Ellipse oder eines Kreises

 

Veröffentlicht: Juni 2016

In diesem Beispiel wird dargestellt, wie mit dem Ellipse-Element Ellipsen und Kreise gezeichnet werden. Um eine Ellipse zu zeichnen, erstellen Sie ein Ellipse-Element und legen dessen Width und Height fest. Verwenden Sie die Fill-Eigenschaft, um den Brush festzulegen, der zum Zeichnen des Innenbereichs der Ellipse verwendet wird. Verwenden Sie die Stroke-Eigenschaft, um den Brush festzulegen, der zum Zeichnen der Umrisslinie der Ellipse verwendet wird. Durch die StrokeThickness-Eigenschaft wird die Breite der Ellipsenumrisslinie festgelegt.

Zum Zeichnen eines Kreises müssen Width und Height des Ellipse-Elements identisch sein.

Im folgenden Beispiel werden vier Ellipse-Elemente innerhalb eines Canvas-Elements gezeichnet.

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>

In diesem Beispiel sind die Ellipsen in einem Canvas-Element enthalten, Sie können jedoch Ellipsenelemente wie jedes andere Formelement mit allen Panel- oder Control-Elementen verwenden, von denen Inhalte unterstützt werden, bei denen es sich nicht um Text handelt.

Dieses Beispiel gehört zu einem größeren Beispiel. Das vollständige Beispiel finden Sie unter Shape Elements Sample.

Anzeigen: