Share via

How to: Draw a Polyline by Using the Polyline Element

  • Article

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

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.

Example

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.

See Also

Reference

Polyline

Polygon

Shape

Concepts

Shapes and Basic Drawing in WPF Overview

Other Resources

Shape Elements Sample