Large image as diagram background with zoomify

[davaro]

I was wondering if it is possible to set a large image (+- 60 MB) as the background of a diagram and use zoomify to dynamically load tiles of parts where you are zooming in.

Currently is it possible to set a large image as the background but for a web based application this is way too heavy to load.

So I was wondering if it is possible to use a custom component as background that uses zoomify to dynamically load tiles of parts where you are zooming in?

To further understand my question I refer to google maps that loads tiles of its map when you zoom in / out.

Zoomify example: https://openseadragon.github.io/examples/tilesource-zoomify/

P.S.

I also noticed that every time a scroll event occurs, the background image is loaded again. Is there any way to override or stop this from happening?

Thanks in advance.

[Ramya Thirugnanam]

Hi Daan,  

 

Thanks for contacting Syncfusion support. 

 

By default,  the scroll event will be raised, and the background image will be loaded when zooming the diagram. So, please use image node instead of background image at the background to achieve your requirement. Please refer to the sample below in which we have rendered an image node at the background.  

 

Sample: https://stackblitz.com/edit/angular-dxtix8-knqzzc?file=app.component.ts  

 

Please find the help documentation about image node and its alignment options as below. 

Link: https://ej2.syncfusion.com/angular/documentation/diagram/shapes/#image 

 

Regards,  

Ramya T 

[davaro]

Hi Ramya

Thank you for replying so quickly. I will try the image node route.

Did you have a chance to look at my initial question?

Kind regards

Daan

[Ramya Thirugnanam]

Hi Daan, 

 

By default, we will update the background layer of the diagram when changes happened in size. So, the larger image in background image will impact the performance. We don’t have support to load the background image as tile by tile like google maps. We are validating the requirement to load the background image as tile by tile. We will get back to you with further details on May 17^th, 2019. 

 

Regards, 

Ramya T 

[davaro]

Thank you for the response. 

Do you have any further information if the requirement is reviewed?

Kind regards

Daan

[Ramya Thirugnanam]

Hi Daan,  

 

Sorry for the inconvenience caused. 

 

The size of the background image does not affect the performance of the diagram. We don’t have support to load the background image as tile by tile like google maps. And, tile by tile loading of background image does not in diagram scope. So, we do not consider this requirement as feature request. 

 

Regards,     

Ramya T