Cómo: Crear una región de recorte

  • Artículo

En este ejemplo se muestra cómo definir la zona de recorte (Clip) de un elemento de marco. Para definir un recorte, utilice una Geometry (por ejemplo, EllipseGeometry) para establecer la propiedad Clip del elemento. Únicamente el área que se encuentre dentro de la zona de la geometría quedará visible.

Ejemplo

En el ejemplo siguiente se muestra un elemento Image sin una zona de recorte definida. Al no haber ninguna zona de recorte, se muestra la imagen completa.

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

Imagen sin zona de recorte

Objeto antes de aplicar una región de recorte

En el ejemplo siguiente, se crea una imagen idéntica pero con una zona de recorte definida. Únicamente se muestra la parte de la imagen que está dentro del área de EllipseGeometry.

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

Imagen con una zona de recorte elíptica

Objeto recortado

Vea también

Tareas

Cómo: Recortar una imagen