Gewusst wie: Zeichnen einer Linie

Aktualisiert: November 2007

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

Zum Zeichnen einer Linie erstellen Sie ein Line-Element. Verwenden Sie die X1-Eigenschaft und die Y1-Eigenschaft des Elements, um dessen Startpunkt festzulegen, und verwenden Sie die X2-Eigenschaft und die Y2-Eigenschaft, um den Endpunkt festzulegen. Legen Sie abschließend Stroke und StrokeThickness für das Element fest, da eine Linie ohne einen Strich nicht sichtbar ist.

Das Festlegen des Fill-Elements für eine Linie hat keine Auswirkungen, da Linien keinen Innenbereich aufweisen.

Im folgenden Beispiel werden drei Linien in einem Canvas-Element 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 eines größeren Beispiels. Das vollständige Beispiel finden Sie unter Beispiel für Formelemente.

Siehe auch

Aufgaben

Beispiel für Formelemente

Referenz

Line