如何：使用 Polyline 元素来绘制折线

本示例演示如何通过 Polyline 元素绘制折线（一系列连接的线）。

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

注意
因为 Polyline 元素不是闭合形状，所以 Fill 属性不起任何作用，即便您故意闭合形状轮廓也是如此。若要使用 Fill 创建闭合形状，请使用 Polygon 元素。

以下示例在 Canvas 内部绘制了两个 Polyline 元素。

示例

在Extensible Application Markup Language (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。

此示例摘自一个更大的示例；有关完整示例，请参见 Shape Elements Sample（Shape 元素示例）。

请参见

参考

Polyline

Polygon

Shape

概念

WPF 中的形状和基本绘图概述

其他资源

Shape Elements Sample