Issues with Exporting JointJS Graph to SVG - Unexpected Elements #2730
-
IntroductionI’m encountering an issue when exporting a JointJS graph to SVG. Sometimes, the exported SVG contains elements that are not present on the paper or the graph itself. I’m not sure why this is happening or how to resolve it. I have attached two images for reference: Original Paper/Graph: This shows what the graph looks like on the paper. Exported SVG: This shows the SVG file after export, where unexpected elements appear. If anyone has experienced similar issues or has suggestions on how to troubleshoot this, I would greatly appreciate your help. Steps to reproduceNo response Restrictions & ConstraintsNo response Does your question relate to JointJS or JointJS+. Select both if applicable.JointJS, JointJS+ |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
|
The element with id You can test the graph bounding box before calling SVG export. You should see that You're probably just no displaying the contents of the paper with negative coordinates, but they are there (either Ideally, you make sure not to have elements outside viewport. A quick solution is to use the |
Beta Was this translation helpful? Give feedback.
The element with id
8447566d-4e8b-4bcb-854e-3ec47e90469dis located in the negative coordinatey.You can test the graph bounding box before calling SVG export. You should see that
graph.getBBox()gives you a bbox containing the 2 extra elements at the top.You're probably just no displaying the contents of the paper with negative coordinates, but they are there (either
PaperorPaperScrollerconfiguration).Ideally, you make sure not to have elements outside viewport. A quick solution is to use the
areaoption oftoSVG()and specify the area you want to be exported.