Is there control in syncfusion which can dynamically display the svg image

Is there any control in Angular provided by syncfusion which can dynamically display svg image pulled from the server side. 

Also, does that control  have zooming and pan features ? 



4 Replies

RS Ragunath Sukumaran Syncfusion Team August 11, 2022 01:12 PM UTC

Hi ICS,

Greetings from Syncfusion support,

We have already considered this Image Editor component as a feature and we have planned to include this feature in the volume 3 2022 release, which is scheduled to roll out on the end of September 2022. Please refer to the below feedback link to know the status of this feedback.

https://www.syncfusion.com/feedback/2407/image-editor-component


Please get back to us if you have any queries.

Regards,
Ragunath S



IC ICS replied to Ragunath Sukumaran August 11, 2022 09:18 PM UTC

Thanks Raghunath for the quick response, 


Is there any workaround for the time being which we can use ( a possible hack say ejs-diagram etc.) so that we can temporarily roll out our feature to the production and once ImageEditor control is rolled out we will migrate that to newer code base. 


Use Case - 

  1. Display dynamically pulled svg from backend in some container which should zoom in , out , pan and print functionalities. 

Any feedback on above use case will be quite helpful. 

Cheers!


RS Ragunath Sukumaran Syncfusion Team August 12, 2022 01:56 PM UTC

Hi ICS,


Currently we have an option to use the SVG content. In our diagram control, the SVG content can be rendered as a Native node. You can dynamically add a SVG node in the diagram using diagram add method. Please refer to a sample and documentation below.


Sample: https://stackblitz.com/edit/angular-fnymvr?file=app.component.html,app.component.ts


Documentation to render SVG: https://ej2.syncfusion.com/documentation/diagram/shapes/#native


Please get back to us if you have any queries.


Regards,

Ragunath S



TJ Theveshwar Jayakumar Syncfusion Team February 20, 2023 01:42 PM UTC

Hi ICS

We glad to announce our image editor component can be used to edit and manipulate images in various ways. The Image Editor is a customizable control that supports features such as cropping, rotating, flipping, resizing, and applying various image filters. It is available for a range of platforms, including web, mobile, and desktop, and supports a wide range of image formats.

 

Please refer our below documentation and demos page.

 

Documentation: https://ej2.syncfusion.com/documentation/image-editor/getting-started/

Demos Link: https://ej2.syncfusion.com/demos/#/bootstrap5/image-editor/default.html

 

 

 

Please get back to us if you need further assistance.

Regards,

Theveshwar


Loader.
Up arrow icon