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

В этом примере показано, как Рисование замкнутой фигуры с помощью 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 , поддерживающий нетекстовое содержимое.

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