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.