wpf zoom in and out of image

steven balderrama

17y17.6k

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

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Kip Hackman6y ago
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;
}
0
anwar mohamed16y ago
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
+1
Bechir Bejaoui17y ago
Take a look on my article
http://www.c-sharpcorner.com/UploadFile/yougerthen/408222008125400PM/4.aspx
0