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

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

Ejemplo

En lenguaje XAML, la sintaxis válida para los puntos es una lista delimitada por espacios de pares x e y coordinados y separados 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 usa Canvas para contener los polígonos, puede usar elementos de polígono (y todos los demás elementos de forma) con cualquier 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 Ejemplo de elementos de forma.