Google News
logo
WPF - Interview Questions
How can I clip or crop an image?
Clipping a region is a process of displaying partial area of a region by setting the outline of a region. In WPF, the clipping has been extended to all elements that are inherited from UIElement that includes controls, images, panels, Windows, and Pages.
<Window.Clip>
   <EllipseGeometry Center="150,160" RadiusX="120" RadiusY="120" />
</Window.Clip>
The following code snippet clips or crops an image to an ellipse.
<Image Source="Garden.jpg">
    <Image.Clip>
        <EllipseGeometry Center="150,160" RadiusX="120" RadiusY="120" />
    </Image.Clip>
</Image>
private void ClipImage()
{
    // Create a BitmapImage
    BitmapImage bmpImage = new BitmapImage();
    bmpImage.BeginInit();
    bmpImage.UriSource = new Uri(@ "C:\Images\Garden.jpg", UriKind.RelativeOrAbsolute);
    bmpImage.EndInit();
    // Clipped Image
    Image clippedImage = new Image();
    clippedImage.Source = bmpImage;
    EllipseGeometry clipGeometry = new EllipseGeometry(new Point(150, 160), 120, 120);
    clippedImage.Clip = clipGeometry;
    LayoutRoot.Children.Add(clippedImage);
}
Advertisement