Gewusst wie: Zeichnen einer Ellipse oder eines Kreises
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.