PanAndZoomImage Size when zoom

[Damiano]

Hi,
this is the xaml of my project

<StackPanel Margin="0,0,0,-2" Orientation="Vertical">
                <slideView:PanAndZoomImage x:Name="mImage"
                    MaximumZoom="10" Height="286" ZoomMode="Free" Width="456"
                                           />
                <slideView:PanAndZoomImage x:Name="mImage_Copy"
                    MaximumZoom="10" Height="286" Source="{Binding Source, ElementName=mImage}" Zoom="{Binding Zoom, ElementName=mImage, Mode=TwoWay}" Pan="{Binding Pan, ElementName=mImage, Mode=TwoWay}" ZoomMode="Free" Width="456"
                                           />
            </StackPanel>

My purpose is to implement a sort of image compare.
I bind Zoom and Pan property (source is bind only for test) of mImage_Copy to mImage.
When I zoom or move first image the second one zoom and move in the same way.

It works.

My problem is that when i zoom, the image size exceed its container size and mImage_Copy surmounts mImage.
Is it possible zoom an image without exceed its container size?

I hope I was clear enough.

Thanks

[Victor]

Hello Damiano,

You have to set the Clip property of your PanAndZoomImage objects to a RectangleGeometry object that has the same dimensions as the controls themselves. 456 * 286 in your case.

Greetings,
Victor
the Telerik team