The Clip property takes a Geometry type that can be a line, rectangle, ellipse, or group geometry.
The following XAML code snippet uses an Image object to display an image.
<Image Source="Raj 059.JPG"
Width="300"
Height="300">
</Image>
The output looks like Figure 1.
![Image1.jpg](https://www.c-sharpcorner.com/UploadFile/raj1979/cropping-or-clipping-in-wpf/Images/Image1.jpg)
Figure 1.
The XAML code in Listing 1 sets the Image.Clip property to an EllipseGeometry and sets the RadiusX, RadiusY, and Center properties of the geometry.
<Image Source="Raj 059.JPG" Width="300" Height="300">
<Image.Clip>
<EllipseGeometry
RadiusX="100"
RadiusY="100"
Center="120,120"/>
</Image.Clip>
</Image>
The new output looks like Figure 2.
![Image2.jpg](https://www.c-sharpcorner.com/UploadFile/raj1979/cropping-or-clipping-in-wpf/Images/Image2.jpg)
Figure 2. A clipped image
Since the Clip property is defined in the UIElement, it can be applied to any element. For example, the following code generates a rectangle looks like Figure 3.
<Rectangle Width="300" Height="200"
Stroke="Red"
StrokeThickness="4"
Fill="Green">
</Rectangle>
![Image3.jpg](https://www.c-sharpcorner.com/UploadFile/raj1979/cropping-or-clipping-in-wpf/Images/Image3.jpg)
Figure 3. A rectangle
Now we can apply clipping on the rectangle and the new output looks like Figure 4 with the following code.
<Rectangle Width="300" Height="200"
Stroke="Red"
StrokeThickness="4"
Fill="Green">
<Rectangle.Clip>
<EllipseGeometry
RadiusX="150"
RadiusY="100"
Center="150,100"/>
</Rectangle.Clip>
</Rectangle>
![Image4.jpg](https://www.c-sharpcorner.com/UploadFile/raj1979/cropping-or-clipping-in-wpf/Images/Image4.jpg)
Figure 4. A clipped rectangle
For more information download attached application.