Unable to print diagram's SVG nodes (i.e. NodeModels with shape: NativeModel)

[Mithun]

Hello Syncfusion Team,

I'm using Syncfusion's diagram control ("@syncfusion/ej2-angular-diagrams": "^17.2.47") in my Angular app.

I have a diagram with the following content on it. 

1. Connectors (ConnectorModel)
2. Text (NodeModel with shape: TextModel, style: TextStyleModel)
3. Basic Shapes (NodeModel with shape: BasicShapeModel, style: ShapeStyleModel)
4. Native/SVG (NodeModel with shape: NativeModel)

When I print this diagram (using the DiagramComponent's print() method), only #1, #2 and #3 above get printed. The native/SVG content however does not get printed. 

Is this a known issue? If so, any workarounds?

[Shyam G]

Hi Mithun, 

We don’t have built-in support to export HTML/Native node. We can export native or HTML node to image format using webkit rendering engine. We have created an angular sample in which we have created a HTML nodes and established a connection with connectors. Also, we have placed convertToImage button in angular sample. When you click on button, we send an base64 data from client side to server side. 

In the server side, we convert base64data to image using webkit converter and sent base64data to client side and downloaded an image in client side. Please refer to an sample and video below. 

Angular Client side sample:  https://www.syncfusion.com/downloads/support/directtrac/general/ze/HTMLNodesample-1469179444 

Server side sample:  https://www.syncfusion.com/downloads/support/directtrac/general/7z/webkitsample-1385031527 

Video:  https://www.syncfusion.com/downloads/support/directtrac/general/ze/AmitIssuesVideo1298287345 

Regards, 

Shyam G  

[Mithun]

Thank you. Trying this out now. 

[Shyam G]

Hi Mithun, 

Thanks for your update. We will wait to hear from you. 

Regards, 

Shyam G 

[Mithun]

I was able to test out the attached angular + server-side samples and it works. I'll now start implementing these in my own project. 

I saw that the server-side sample was compiled as a .NET Framework project. Do you happen to know if it can be converted as a .NET Core project (I'd prefer this since it can run on linux)?

[Shyam G]

Hi Mithun, 

We have created a server side sample in .NET core and it is available in the below link for download. 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/WebkitASPNetCore-238183061 

Regards, 

Shyam G