Freigeben über

Vorgehensweise: Zeichnen einer Linie

In diesem Beispiel wird gezeigt, wie Sie Linien mithilfe des Line Elements zeichnen.

Um eine Linie zu zeichnen, erstellen Sie ein Line Element. Verwenden Sie die zugehörigen X1 Eigenschaften Y1 , um den Startpunkt festzulegen, und verwenden Sie die zugehörigen X2Y2 Eigenschaften, um den Endpunkt festzulegen. Setzen Sie schließlich Stroke und StrokeThickness, da eine Linie ohne Strich nicht sichtbar ist.

Das Festlegen des Fill Elements für eine Linie hat keine Auswirkung, da eine Linie kein Inneres aufweist.

Im folgenden Beispiel werden drei Linien innerhalb eines Canvas Elements gezeichnet.

Beispiel

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

Dieses Beispiel ist Teil einer größeren Stichprobe; die vollständige Stichprobe finden Sie unter Shape Elements Sample.

Siehe auch