Share via

Comment : créer une zone de découpage

  • Article

Mise à jour : novembre 2007

Cet exemple montre comment définir la zone Clip d'un élément d'infrastructure. Pour définir un clip, utilisez un Geometry (par exemple, un EllipseGeometry) afin de définir la propriété Clip de l'élément. Seule la zone comprise dans la région de la géométrie sera visible.

Exemple

L'exemple suivant affiche un élément Image sans une zone de découpage définie. Étant donné qu'aucune zone de découpage n'est définie, l'intégralité de l'image est affichée.

<Image Source="sampleImages\Waterlilies.jpg" 
  Width="200" Height="150" HorizontalAlignment="Left" />

Image sans zone de découpage

Objet avant application d'une zone de découpage

Dans l'exemple suivant, une image identique est créée, mais elle comprend une zone de découpage définie. Seule la partie de l'image qui se trouve dans la zone EllipseGeometry sera affichée.

<Image 
  Source="sampleImages\Waterlilies.jpg" 
  Width="200" Height="150" HorizontalAlignment="Left">
  <Image.Clip>
    <EllipseGeometry
      RadiusX="100"
      RadiusY="75"
      Center="100,75"/>
  </Image.Clip>
</Image>

Image comportant une zone de découpage elliptique

Objet découpé

Voir aussi

Tâches

Comment : rogner une image