Export vue flow as img and svg

[AkshayReddyEmmadi]

Is there any option to extract whole flow as img and svg format, how can we achieve this?

[bcakmakoglu]

There's no built-in functionality for this.

You can try out a library like html-to-image.

[bcakmakoglu]

I found an old gist I had made for this.

Might be that some parts aren't up-to-date anymore but the general idea should still work.

If you need the whole flow to be on the image and not just the part that's visible at the point of the screenshot, you'd have to fit the graph into view first and then do a screenshot of it.

Maybe do a "clone" of the existing graph, place it somewhere on the DOM where it's not visible and screenshot that ^^

[brsanthu]

Relevant discussion at React-flow xyflow/xyflow#1061