Cómo: Dibujar una forma cerrada utilizando el elemento Polygon

En este ejemplo se muestra cómo dibujar una forma cerrada utilizando el elemento Polygon. Para dibujar una forma cerrada, cree un elemento Polygon y utilice su propiedad Points para especificar los vértices de una forma. Se dibuja automáticamente una línea que conecta los puntos primero y último. Por último, especifique el relleno (Fill), el trazo (Stroke) o ambos.

Ejemplo

En Extensible Application Markup Language (XAML), la sintaxis válida para los puntos es una lista delimitada por espacios de pares de coordenadas X e Y separadas por comas.

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

Aunque en el ejemplo se utiliza Canvas para contener los polígonos, puede utilizar los elementos Polygon (y todos los demás elementos de formas) con cualquier control Panel o Control que admita contenido que no sea texto.

Este ejemplo forma parte de un ejemplo más extenso; para obtener el ejemplo completo, vea Shape Elements Sample.