Практическое руководство. Рисование закрытой фигуры с помощью элемента Polygon

В этом примере показано, как нарисовать закрытую фигуру с помощью элемента Polygon. Чтобы нарисовать закрытую фигуру, создайте элемент Polygon и используйте его свойство Points, чтобы указать вершины фигуры. Рисуется линия, которая соединяет первую и последнюю точки. Наконец, укажите Fill, Strokeили оба.

Пример

В языке разметки расширяемых приложений (XAML) допустимый синтаксис для точек — это разделенный пробелами список пар координат x-и y с разделителями запятыми.

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

Хотя в примере используется Canvas для хранения многоугольников, можно использовать многоугольники (и все остальные элементы фигуры) с любым Panel или Control, поддерживающим нетекстовое содержимое.

Этот пример является частью более крупного примера; Полный пример см. в разделе Пример элементов фигуры.