Cómo: Dibujar una línea

En este ejemplo se muestra cómo dibujar líneas mediante el elemento Line.

Para dibujar una línea, cree un elemento Line. Use las propiedades X1 y Y1 para establecer su punto inicial y las propiedades X2 y Y2 para establecer su punto final. Por último, establezca Stroke y StrokeThickness, porque una línea sin trazo es invisible.

Establecer el elemento Fill para una línea no tiene ningún efecto, porque las líneas no tienen interior.

En el ejemplo siguiente se dibujan tres líneas dentro de un elemento Canvas.

Ejemplo

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

Este ejemplo forma parte de un ejemplo más extenso; para obtener el ejemplo completo, vea Ejemplo de elementos de forma.

Vea también

• Line
• Ejemplo de elementos de forma