如何：绘制线条

更新：2007 年 11 月

下面的示例演示如何使用 Line 元素来绘制线条。

若要绘制线条，请创建一个 Line 元素。使用该元素的 X1 和 Y1 属性设置线条起点，并使用该元素的 X2 和 Y2 属性来设置线条终点。最后，设置该元素的 Stroke 和 StrokeThickness，因为没有笔画的线条是看不见的。

为线条设置 Fill 元素将毫无意义，因为线条没有内部区域。

下面的示例将在 Canvas 元素内部绘制三个线条。

示例

<Canvas Height="300" Width="300">

  <!-- Draws a diagonal line from (10,10) to (50,50). -->
  <Line
    X1="10" Y1="10"
    X2="50" Y2="50"
    Stroke="Black"
    StrokeThickness="4" />

  <!-- Draws a diagonal line from (10,10) to (50,50)
       and moves it 100 pixels to the right. -->
  <Line
    X1="10" Y1="10"
    X2="50" Y2="50"
    StrokeThickness="4"
    Canvas.Left="100">
    <Line.Stroke>
      <RadialGradientBrush GradientOrigin="0.5,0.5" Center="0.5,0.5" RadiusX="0.5" RadiusY="0.5">
        <RadialGradientBrush.GradientStops>
          <GradientStop Color="Red" Offset="0" />
          <GradientStop Color="Blue" Offset="0.25" />
        </RadialGradientBrush.GradientStops>
      </RadialGradientBrush>
    </Line.Stroke>
  </Line>

  <!-- Draws a horizontal line from (10,60) to (150,60). -->
  <Line
     X1="10" Y1="60"
     X2="150" Y2="60"
     Stroke="Black"
     StrokeThickness="4"/>

</Canvas>

此示例摘自一个更大的示例；有关完整的示例，请参见形状元素示例。

请参见

任务

形状元素示例

参考

Line