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

Actualización: noviembre 2007

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 Lenguaje de marcado de aplicaciones extensible (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, consulte Ejemplo Shape Elements.