Annotation on Diagram Image

Question

I would like to know if it is possible to annotate on a image in a diagram, where the image is a main item in the canvas. Also it is possible to have:

1) custom shape menu by right clicking of the mouse

2) Count the custom shape inserted

3) Convert the eventual diagram to PDF

4) Have multiple layers to the Diagram.

Thank you.

Ramya Thirugnanam · Answer

Hi Albert, 
 
Please find the response and sample for your queries as below. 
 
Sample link:ASP.NET_Core-EJ2-Node 
 




S. No 

Query 

Response 


1.       

if it is possible to annotate on an image in a diagram, where the image is a main item in the canvas.  Also, it is possible to have:  

We have hosted the image as content of the Node. Node has support to add Annotation.  Please refer the given sample. 
 
For details about annotations, please refer to our help documentation link. 
 
Link: https://ej2.syncfusion.com/aspnetcore/documentation/diagram/labels.html 
 
 


2.       

custom shape menu by right clicking of the mouse  

We have support customize the context menu. We have represented the same in above shared sample. 
 
For details about context menu, please refer to our help documentation link. 
 
Link: https://ej2.syncfusion.com/aspnetcore/documentation/diagram/context-menu.html 
 


3.       

Count the custom shape inserted 

We have shown alert box with node count in diagram with the button click.  


4.       

Convert the eventual diagram to PDF 

For PDF, we have a workaround for exporting in PDF in sample side using MVC application. Please find the kb link to achieve this.  
  
Kb link: https://www.syncfusion.com/kb/5050/how-to-export-diagram-to-pdf  
 


5.       

Have multiple layers to the Diagram. 

We have represented the two layers in above shared sample.Please refer to the sample. 
 
Regards, 
Ramya T

S. No	Query	Response
1.	if it is possible to annotate on an image in a diagram, where the image is a main item in the canvas. Also, it is possible to have:	We have hosted the image as content of the Node. Node has support to add Annotation. Please refer the given sample. For details about annotations, please refer to our help documentation link. Link: https://ej2.syncfusion.com/aspnetcore/documentation/diagram/labels.html
2.	custom shape menu by right clicking of the mouse	We have support customize the context menu. We have represented the same in above shared sample. For details about context menu, please refer to our help documentation link. Link: https://ej2.syncfusion.com/aspnetcore/documentation/diagram/context-menu.html
3.	Count the custom shape inserted	We have shown alert box with node count in diagram with the button click.
4.	Convert the eventual diagram to PDF	For PDF, we have a workaround for exporting in PDF in sample side using MVC application. Please find the kb link to achieve this. Kb link: https://www.syncfusion.com/kb/5050/how-to-export-diagram-to-pdf
5.	Have multiple layers to the Diagram.	We have represented the two layers in above shared sample.Please refer to the sample.