Recortar/Crop de un objeto

Vamos a ver de que manera podemos recortar un objeto, para mostrar solamente una parte del mismo. Para realizar esta tarea vamos a utilizar la propiedad Clip del objeto, que nos permite recortar a través de una figura geométrica el objeto.

Las formas geométricas que podemos utilizar para recortar un objeto son:

  • RectangleGeometry
  • GeometryGroup
  • LineGeometry
  • PathGeometry
  • EllipseGeometry

1) Vamos a diseñar un rectángulo, que es el objeto que vamos a recortar

Crop1

<Rectangle Fill="Yellow" Height="100" Width="200" StrokeThickness="2" 
           Stroke="Black">
</Rectangle>

 

2) Utilizando la propiedad Clip recortando una elipse, mediante el objeto EllipseGeometry.

Crop2
<Rectangle Fill="Yellow" Height="100" Width="200" StrokeThickness="2" 
           Stroke="Black">
    <Rectangle.Clip>
        <EllipseGeometry Center="0,0" RadiusX="50" RadiusY="50" />
    </Rectangle.Clip>
</Rectangle>

 

3) Ahora vamos a recortar el rectángulo utilizando otro rectángulo.

Crop3

<Rectangle Fill="Yellow" Height="100" Width="200" StrokeThickness="2" 
           Stroke="Black">
    <Rectangle.Clip>
        <RectangleGeometry Rect="50,50,70,70" />
    </Rectangle.Clip>
</Rectangle>

No Comments