MaxZoom MinZoom change default values

We noticed that the Max Zoom is 10 when Zooming on an image and the Min Zoom stops at 1.

Would it be possible to Zoom more like 20-30 times and Zoom Out more also under 1

Here is our code to zoom in and out

let zoomValue = this.m_imageEditorObj.previousZoomValue + 1;

this.m_imageEditorObj.zoom(zoomValue);

======

let zoomValue = this.m_imageEditorObj.previousZoomValue - 1;

this.m_imageEditorObj.zoom(zoomValue);


3 Replies

YA YuvanShankar Arunagiri Syncfusion Team May 9, 2023 10:26 AM UTC

Hi Thierry,



Using the zoomSettings property of image editor component, we can customize the zooming action of image editor. Refer to the below code snippet and sample link.




let imageEditorObjImageEditor = new ImageEditor({

    created: () => {

        imageEditorObj.open('//ej2.syncfusion.com/demos/src/image-editor/images/bridge.png');

    },

    zoomSettings: { maxZoomFactor: 30 }

});

imageEditorObj.appendTo('#imageeditor');


Sample link: https://stackblitz.com/edit/9hgfbv?file=index.ts


Get back to us if you need any further assistance on this.


Regards,

YuvanShankar A



TH Thierry May 9, 2023 10:36 AM UTC

Thank you - works great.


Follow-up question : is it possible to go to the negative and zoom out to -10 for example?



YA YuvanShankar Arunagiri Syncfusion Team May 11, 2023 01:08 PM UTC

Hi Thierry,


Currently We don’t have negative value support to image editor zoom property and considered your requirement as a feature request for Image Editor and a logged feature report for this. You can track the status of this feature by using the following feedback report link.


Feedback: https://www.syncfusion.com/feedback/43614/provide-the-negative-value-for-zoom-property-of-image-editor-component


We regretfully can't start this feature's implementation immediately since we prioritized bug fixes and features that come before them in the queue for forthcoming releases. The time between releases is typically at least three months. Every release cycle, we assess all open features again during the planning phase and decide which ones to deploy based on a number of criteria, such as the product vision, technology viability, and user interest. The feedback will be moved to scheduled status with an estimated delivery period whenever we have more information to provide regarding the development of these improvements. We appreciate your patience until then.


Loader.
Up arrow icon