Gewusst wie: Zeichnen einer geschlossener Form mithilfe des Polygon-Elements

Aktualisiert: November 2007

In diesem Beispiel wird veranschaulicht, wie eine geschlossene Form mithilfe des Polygon-Elements gezeichnet wird. Erstellen Sie zum Zeichnen einer geschlossenen Form ein Polygon-Element. Verwenden Sie dessen Points-Eigenschaft, um die Eckpunkte der Form anzugeben. Eine Verbindungslinie zwischen dem ersten und dem letzten Punkt wird automatisch gezeichnet. Geben Sie zum Abschluss Fill, Stroke oder beides an.

Beispiel

In Extensible Application Markup Language (XAML) ist die gültige Syntax für Punkte eine durch Leerzeichen getrennte Liste von x- und y-Koordinatenpaaren, die durch Trennzeichen getrennt sind.

<Canvas Height="300" Width="300">

  <!-- Draws a triangle with a blue interior. -->
  <Polygon Points="10,110 60,10 110,110" 
    Fill="Blue" />

  <!-- Draws a triangle with a blue interior and a black outline. 
       The Canvas.Top setting moves the Polygon down 150 pixels. -->
  <Polygon Points="10,110 60,10 110,110"
    Fill="Blue"
    Stroke="Black" StrokeThickness="4"
    Canvas.Top="150" />

  <!-- Draws another triangle with a blue interior.
       The Canvas.Left setting moves the Polygon 150 pixels to the right. -->
  <Polygon Points="10,110 110,110 110,10"
    Fill="Blue"
    Canvas.Left="150" />

  <!-- Draws a triangle with a black outline. 
       The Canvas.Left and Canvas.Top settings move 
       the Polygon down 150 pixels and 150 pixels to the right.-->
  <Polygon Points="10,110 110,110 110,10"
    Stroke="Black" StrokeThickness="4"
    Canvas.Left="150" Canvas.Top="150" />  


</Canvas>

Obwohl in diesem Beispiel ein Canvas als Container für die Vielecke verwendet wird, können vieleckige Elemente (sowie alle anderen Formelemente) mit allen Panel oder allen Control verwendet werden, die Inhalte unterstützen, bei denen es sich nicht um Text handelt.

Dieses Beispiel ist Teil eines größeren Beispiels. Das vollständige Beispiel finden Sie unter Beispiel für Formelemente.