Windows Dev Center

Information
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 the Polyline 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.

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

Show:
© 2015 Microsoft