通过

如何使用Polyline元素绘制多段线

此示例演示如何使用 Polyline 元素来绘制由一系列连接线段组成的折线。

若要绘制折线，请创建一个 Polyline 元素并使用其 Points 属性来指定形状顶点。 最后，使用 Stroke 和 StrokeThickness 属性描述折线轮廓，因为没有笔划的线条是不可见的。

注释

Polyline由于元素不是封闭形状，因此即使您故意关闭形状轮廓，该Fill属性也不起作用。 若要创建带 a Fill的封闭形状，请使用 Polygon 元素。

以下示例在一个 Polyline 中绘制两个 Canvas 元素。

示例：

在可扩展应用程序标记语言（XAML）中，点的有效语法是逗号分隔的 x 和 y 坐标对的空格分隔列表。

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

尽管此示例使用Canvas来包含折线，但你可以将折线元素以及所有其他形状元素与任何支持非文本内容的Panel或Control一起使用。

此示例是较大示例的一部分;有关完整示例，请参阅 形状元素示例。

另请参阅