GNS3 / gns3-web-ui

WebUI implementation for GNS3
GNU General Public License v3.0
147 stars 52 forks source link

Error taking png screenshot on web-ui #1506

Open GonzChav opened 4 months ago

GonzChav commented 4 months ago

GNS3 Version: GNS3 v2.2.46 Operating System: Linux, Windows

When I try to take screenshot from the web-ui I am getting an error, attached below. error.txt

The error begins with Uncaught (in promise): There was an error loading the data URI as an image on the following SVG and continues with a segment of a svg.

Researching the error I found that this is from the npm package saveSvgAsPng.

In an issue on saveSvgAsPng's github I found that the error is caused when you try to convert to png an incorrect svg file. On src\app\components\project-map\project-map-menu\project-map-menu.component.ts I see that when the function saveImage is called and the type of image is png, first is created and svg and then it is saved as png with saveSvgAsPng, so I suspect that the issue is on the generated SVG to be converted to png.

I found that I can only add VPCS and Cloud nodes to my topology and take a screenshot successfully. screenshot-1717119097396

When I add an ethernet switch or a custom template of VPCS with the icon changed the error start to generate, as shown in the following picture, a message appears but can't be seen, the attached file is the text that I can copy from that withe rectangle. errorexporting

I tried with version 2.2.27 and 2.2.46 on Linux and Windows and the behavior is the same.

grossmj commented 3 months ago

Thanks, have you used Firefox?