Native nodes and Image nodes not being rendered on export

Hi 

I just noticed that Native nodes and Image nodes do not appear on the PNG / JPG or SVG files generated by the diagram.export() method. Only Flow and Basic nodes get rendered in the exported PNG / JPG or SVG.

For replication : 

- Creating a Native node (either from the palette or with a drawing tool) : 

{ id: "close", shape: {

  type: 'Native',

  content: '<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>'

}},

 - Export the diagram with diagram.export()  and the Native node will be invisible on the generated files. 

Do I need to inject any specific module to have this node be included in the export ? 

Thank you very much !



2 Replies 1 reply marked as answer

BM Balasubramanian Manikandan Syncfusion Team November 13, 2023 06:58 AM UTC

Currently, support to export the diagram into image format with the native and HTML nodes is not available. We have successfully achieved exporting for HTML nodes and image nodes through Blink rendering. Below, we have attached documentation to guide you in utilizing this export feature using Blink rendering.


Attachment: print_and_export_using_blink_(1)_f2180d47.docx


BM Balasubramanian Manikandan Syncfusion Team November 13, 2023 11:27 AM UTC

Please ignore the previous update.

Currently, support to export the diagram into image format with the native and HTML nodes is not available. We rendered a sample to export the diagram into image format with the native and HTML nodes. Refer to the below-samples.


Vue Client Side

https://stackblitz.com/edit/dccs32-zl7ark?file=src%2FApp.vue


Server Side

https://drive.google.com/file/d/17FLtB3k3F4n28Mf-iio_ehwdZ8nU7kTJ/view?usp=sharing


Marked as answer
Loader.
Up arrow icon