Como: Desenhar uma forma fechada usando o elemento Polygon

Este exemplo mostra como desenhar uma forma fechada, usando o elemento Polygon. Para desenhar uma forma fechada, crie um elemento Polygon e use a propriedade Points para especificar os vértices da forma. Uma linha é desenhada automaticamente, conectando o primeiro e último pontos. Finalmente, especifiquer um Fill, um Stroke ou ambos.

Exemplo

Em Extensible Application Markup Language (XAML), sintaxe válida para os pontos é uma lista com delimitação espacial de pares de coordenadas x e y, separados por vírgula.

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

Embora o exemplo use um Canvas para conter os polígonos, você pode usar elementos polígono (e todos os outros elementos de forma) com qualquer Panel ou Control que suporte conteúdo não textual.

This example is part of a larger sample; for the complete sample, see Exemplo de elementos de forma.