Zooming in UWP Image Editor (SfImageEditor)
10 May 20211 minute to read
The image editor control provides support to zoom and pan actions over an image. You can zoom in and zoom out the image in image editor control.
The following properties are used for zooming feature of the image editor control:
You can enable or disable the zooming functionality by setting the
EnableZooming value to true or false. By default, the
EnableZooming value is set to true.
<imageeditor:SfImageEditor x:Name="editor" EnableZooming="false"/>
editor.EnableZooming = false;
The image editor control provides support for panning and allows to pan the image with two fingers or single finger by setting the
The following properties are used for panning:
SingleFinger: Zooms or pans the image with single finger, but shapes and text selection cannot be performed with this mode.
TwoFinger: Zooms or pans the image with two finger. The shapes and text selection can be performed with this mode.
By default, the
PanningMode value is set to
<imageeditor:SfImageEditor x:Name="editor" EnableZooming="true" PanningMode="TwoFinger"/>
editor.PanningMode = PanningMode.TwoFinger;
Maximum zoom level
Zooming of the image can be restricted to certain level based on the value of the
<syncfusion:SfImageEditor x:Name="editor" MaximumZoomLevel="2"> </syncfusion:SfImageEditor>
SfImageEditor editor = new SfImageEditor(); editor.MaximumZoomLevel = 2;