From 5d301b3fe9c3083db27974d6922e55b91f3093d4 Mon Sep 17 00:00:00 2001 From: SanjayKumar Date: Wed, 8 Jul 2026 15:39:20 +0530 Subject: [PATCH 1/2] changes in Zooming.md file --- wpf/Image-Editor/Zooming.md | 70 +++++++++++++++++++++++++++++-------- 1 file changed, 56 insertions(+), 14 deletions(-) diff --git a/wpf/Image-Editor/Zooming.md b/wpf/Image-Editor/Zooming.md index 20a96fe2d7..e2f771f61b 100644 --- a/wpf/Image-Editor/Zooming.md +++ b/wpf/Image-Editor/Zooming.md @@ -1,40 +1,82 @@ --- layout: post -title: Zooming and panning support in syncfusion SfImageEditor WPF. -description: Zooming and panning support in Syncfusion Essential Studio WPF ImageEditor (SfImageEditor) control, its elements and more. +title: Zooming and Panning Support in Syncfusion SfImageEditor WPF +description: Zooming and panning support in Syncfusion Essential Studio WPF ImageEditor (SfImageEditor) control, its elements, and more. platform: wpf control: SfImageEditor documentation: ug --- -# Zooming and Panning in WPF ImageEditor (SfImageEditor) control +# Zooming and Panning in WPF ImageEditor (SfImageEditor) Control ## Zooming -## Toolbar +Images can be zoomed in or zoomed out for better viewing. This can be enabled using the [`EnableZooming`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.ImageEditor.SfImageEditor.html#Syncfusion_UI_Xaml_ImageEditor_SfImageEditor_EnableZooming) property. -Images can be zoomed in or zoomed out for better viewing and this can be enabled using the [`EnableZooming`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.ImageEditor.SfImageEditor.html#Syncfusion_UI_Xaml_ImageEditor_SfImageEditor_EnableZooming). In the footer toolbar, you can find the slider, which helps in increasing the zoom level of an image. +{% tabs %} -Zoom level ranges from 50 to 400 percents. You can move the slider to increase the zoom level. Also, there will be Increase and Decrease icons on both sides of the slider. These icons help in increasing of the level gradually. +{% highlight XAML %} -At a time, this Increase/Decrease icon can increase/decrease the level upto 10 percent. To reset the zoom level, click the ResetZoom icon, which is placed at the left of the DecreaseZoom icon. + + + + + -## Mouse wheel +{% endhighlight %} -You can also zoom an image using the mouse wheel. Based on the mouse wheel, delta images will be zoomed from the cursor position. +{% endtabs %} -![ImageEditor](Images/ZoomedImage.png) +### Toolbar + +In the footer toolbar, you can find the slider, which helps in increasing the zoom level of an image. + +The zoom level ranges from 50 to 400 percent. You can move the slider to increase the zoom level. Also, there will be Increase and Decrease icons on both sides of the slider. These icons help in increasing the level gradually. + +At a time, the Increase/Decrease icon can increase or decrease the level by up to 10 percent. To reset the zoom level, click the ResetZoom icon, which is placed to the left of the DecreaseZoom icon. + +### Mouse wheel + +You can also zoom an image using the mouse wheel. Based on the mouse wheel delta, the image will be zoomed from the cursor position. + +![ImageEditor](Images/ZoomedImage.png) ## Panning -## With toolbar +A zoomed image can be panned to view the hidden portion. By default, panning is disabled. This can be enabled using the [`EnablePanning`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.ImageEditor.SfImageEditor.html#Syncfusion_UI_Xaml_ImageEditor_SfImageEditor_EnablePanning) property. + +{% tabs %} + +{% highlight XAML %} + + + + + + + +{% endhighlight %} + +### With toolbar -Zoomed image can be panned to view the hidden portion. To enable pan, click the pan icon in the top toolbar. This enables the panning operation on the image. When panning is enabled, shapes or text added in the image cannot be resized or repositioned. To resize the shape, enable the Select icon in the toolbar; it will disable the pan operation. +To enable pan, click the pan icon in the top toolbar. This enables the panning operation on the image. When panning is enabled, shapes or text added in the image cannot be resized or repositioned. To resize the shape, enable the Select icon in the toolbar; it will disable the pan operation. Select and Pan operations work like toggle functions. -## Without toolbar (Programmatically) +### Without toolbar (Programmatically) -Panning can be enabled using the `EnablePanning` property rather than the toolbar icons. When panning is enabled, shapes and tests cannot be selected. By default, the property is set to false. +When panning is enabled using the `EnablePanning` property, shapes and text cannot be selected. By default, the property is set to `false`. ![ImageEditor](Images/Panning.png) From b503e083abe0a8fcf8210ecbc119df4b570b7196 Mon Sep 17 00:00:00 2001 From: SanjayKumar Date: Wed, 8 Jul 2026 16:15:13 +0530 Subject: [PATCH 2/2] CI resolved --- wpf/Image-Editor/Zooming.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/wpf/Image-Editor/Zooming.md b/wpf/Image-Editor/Zooming.md index e2f771f61b..5157631fc3 100644 --- a/wpf/Image-Editor/Zooming.md +++ b/wpf/Image-Editor/Zooming.md @@ -69,6 +69,8 @@ A zoomed image can be panned to view the hidden portion. By default, panning is {% endhighlight %} +{% endtabs %} + ### With toolbar To enable pan, click the pan icon in the top toolbar. This enables the panning operation on the image. When panning is enabled, shapes or text added in the image cannot be resized or repositioned. To resize the shape, enable the Select icon in the toolbar; it will disable the pan operation.