Comment : dessiner une ligne

Mise à jour : novembre 2007

Cet exemple montre comment dessiner des lignes à l'aide de l'élément Line.

Pour dessiner une ligne, créez un élément Line. Utilisez ses propriétés X1 et Y1 pour définir son point de départ et utilisez ses propriétés X2 et Y2 pour définir son point de terminaison. Enfin, définissez Stroke et StrokeThickness, car une ligne sans trait est invisible.

La définition de l'élément Fill pour une ligne n'a aucun effet, car une ligne n'a pas d'intérieur.

L'exemple suivant dessine trois lignes dans un élément Canvas.

Exemple

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

Cet exemple est extrait d'un exemple plus complet ; pour y accéder, consultez Éléments de forme, exemple.

Voir aussi

Tâches

Éléments de forme, exemple

Référence

Line