wpf zoom in and out of image

Question

Hello,

Just wondering, how do you be able to zoom in and out of an imageviewer, for example, i want the user to be able to create an rectangular shape around the part of the image to zoom in and zoom back out, how can this be done?

Thank you

anwar mohamed · Answer

Hi , WPF: I've a Image control inside a ScrollViewer and TIFF file set as its source. Image displayed with black overlay for some height values (in range of 40% to 60% of image's actual height). This need to be resolved somehow. Only for some height range this problem occurs and when changed to other height it works normal. Please note: 1. The image has to be 600 DPI Resolution. 2. Image Height ="3510" will reproduces the issue. Image Source ="htl.tif" Height ="3510" Stretch ="Uniform" StretchDirection ="Both"/> This is my test code as follows: XAML Window x : Class ="WpfApplication1.ScrollViewImage" xmlns ="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns : x ="http://schemas.microsoft.com/winfx/2006/xaml" Title ="ScrollViewImage" Height ="300" Width ="300"> Grid > ScrollViewer Margin ="5" HorizontalScrollBarVisibility ="Visible" VerticalScrollBarVisibility ="Visible"> Image Source ="htl.tif" Height ="3510" Stretch ="Uniform" StretchDirection ="Both"/> ScrollViewer > Grid > Window > Regards, Anwar

Kip Hackman · Answer

You can use LEADTOOLS Imaging Pro SDK technology in your application. https://www.leadtools.com/sdk/display You can leverage the WPF ImageViewer class that represents a scrollable control that displays one or more raster or SVG images with optional interactive UI operations. One of the many interactive modes is the ImageViewerPanZoomInteractiveMode, which will allows you to zoom in and out of the image. Here is some sample code: using (RasterCodecs _codecs = new RasterCodecs()) { ImageViewer _viewer = new ImageViewer(); _viewer.ViewHorizontalAlignment = ControlAlignment.Center; _viewer.ViewVerticalAlignment = ControlAlignment.Center; _viewerGrid.Children.Add(_viewer); ImageViewerPanZoomInteractiveMode panZoom = new ImageViewerPanZoomInteractiveMode(); _viewer.InteractiveModes.Add(panZoom); RasterImage _image = _codecs.Load(@ "FILE PATH TO IMAGE" , 24, CodecsLoadByteOrder.Bgr, 1, 1); _viewer.Image = _image; }

Bechir Bejaoui · Answer

Take a look on my article http://www.c-sharpcorner.com/UploadFile/yougerthen/408222008125400PM/4.aspx

wpf zoom in and out of image

Answers (3)