Unable to download the diagram in diagram component

[Sudhanshu Jain]

Hi,

I tried to call exportDiagram in diagram with the below option but unable to download.

const options: IExportOptions = { fileName: 'diagram', format: 'PNG',

  mode: 'Download', type: 'image', region: 'PageSettings' };

const diagram = document.getElementById('diagramPanel');

diagram.ej2_instances[NUMBER0].exportDiagram(options);

When i tried to debug, was able to see that this.printandExportModule condition in diagram.js was undefined.

Could you please suggest if any other data has to be set apart from the above code?

Regards,

Sudhanshu

[Shyam G]

Hi Sudhanshu, 

 

To use print and export, we need to inject PrintAndExport Module in the application. Please refer to a code example, sample and help documentation. 

 

Code example: 

//inject print and export module 

Diagram.Inject(PrintAndExport) 

 

Sample: https://stackblitz.com/edit/react-4cuyf3?file=index.js 

 

Help documentation: https://ej2.syncfusion.com/react/documentation/diagram/export/ 

 

The diagram component is divided into individual feature-wise modules. In order to use a particular feature, inject the required module. please refer to the below help documentation for more details. 

 

Module injection documentation: https://ej2.syncfusion.com/react/documentation/diagram/getting-started/#module-injection 

 

Regards, 

Shyam G 

[Sudhanshu Jain]

Hi Shyam,

I tried the solution you have provided, but only a part of diagram is getting captured in the downloaded image. Is there any other attribute to be set along?

Regards,

Sudhanshu

[Shyam G]

Hi Sudhanshu, 

 

If you have set export arguments multiplePage as true, then the multiple image files will be downloaded based on the diagram content and if it is false, the diagram content will be scaled and exported as a single image file. Could you please check in the below sample?. Also, please check whether your browser blocks downloading the multiple files. Still if you face issues, please share us more details such as modify the below sample. 

 

Sample: https://stackblitz.com/edit/react-4cuyf3?file=index.js 

 

Regards, 

Shyam G 

[Sudhanshu Jain]

Hi Shyam,

Thanks for the information and sample, could you please confirm if there is any limitation on the size(i.e. max width or height) of the workflow within the canvas which can be captured as png?

Regards,

Sudhanshu

[Shyam G]

Hi Sudhanshu, 

 

There is no limitation on the size of the workflow. You can export workflow of larger size. 

 

Regards, 

Shyam G