Windows apps
Collapse the table of content
Expand the table of content
The topic you requested is included in another documentation set. For convenience, it's displayed below. Choose Switch to see the topic in its original location.

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

          Points="10,110 60,10 110,110"
          StrokeThickness="4" />

          Points="10,110 110,110 110,10"
          Canvas.Left="150" />


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.

Shape Elements Sample
Shapes and Basic Drawing in WPF Overview

© 2017 Microsoft