I have an application by which users can draw things using SVG (d3). I want a functionality that when I click a button or a link, I want to save a SVG tag called "main_svg" that in turn contains all the other SVG elements, to a SVG image in a separate file. I don't want to save the complete page but just the SVG tag with id "main_svg"
How can this be achieved? Are there any plugins that can do this? Any leads would be appreciated.
Saving the element into a text file and then renaming it to .svg, not very efficient.
Canvg - But that coverts to png
If the file is an HTML file, go to the place from where the SVG tag starts that is from to and save only this much portion in a separate file with ".svg" extension after which you will be able to view the file in the browser.