How to: Draw a Polyline by Using the Polyline Element

 

This example shows how to draw a polyline, which is a series of connected lines, by using thePolyline element.

To draw a polyline, create a Polyline element and use its Points property to specify the shape vertices. Finally, use the Stroke and StrokeThickness properties to describe the polyline outline because a line without a stroke is invisible.

System_CAPS_ICON_note.jpg Note

Because the Polyline element is not a closed shape, the Fill property has no effect, even if you deliberately close the shape outline. To create a closed shape with a Fill, use a Polygon element.

The following example draws two Polyline elements inside a Canvas.

In Extensible Application Markup Language (XAML), valid syntax for points is a space-delimited list of comma-separated x- and y-coordinate pairs.

      <Canvas Height="400" Width="400">


        <Polyline
          Points="10,110 60,10 110,110"
          Stroke="Black"
          StrokeThickness="4" />

        <Polyline
          Points="10,110 110,110 110,10"
          Stroke="Black"
          StrokeThickness="4"
          Canvas.Left="150" />


        </Canvas>

Although this example uses a Canvas to contain the polylines, you can use polyline elements (and all the other shape elements) with any Panel or Control that supports non-text content.

This example is part of a larger sample; for the complete sample, see Shape Elements Sample.

Polyline
Polygon
Shape
Shape Elements Sample
Shapes and Basic Drawing in WPF Overview

Show: