Javascript 让用户下载被操纵的SVG

Javascript 让用户下载被操纵的SVG,javascript,jquery,xml,svg,crop,Javascript,Jquery,Xml,Svg,Crop,我目前正在制作一个网页,在这个网页上,用户可以根据自己的喜好操作世界地图的SVG文件。例如,用户可以选择所有欧洲国家,突出显示某些国家,并下载生成的文件 我知道您可以包括以下下载链接: <a href="/path/to/file.svg" download> 既然我没有将修改后的SVG存储在任何地方,我如何才能让用户下载修改后的SVG版本 我将SVG内联存储,以便可以直接从javascript文件操作其属性 我查看了crapper.js,但这只适用于canvas和img对象。既然

我目前正在制作一个网页,在这个网页上,用户可以根据自己的喜好操作世界地图的SVG文件。例如,用户可以选择所有欧洲国家,突出显示某些国家,并下载生成的文件

我知道您可以包括以下下载链接:

<a href="/path/to/file.svg" download>
既然我没有将修改后的SVG存储在任何地方,我如何才能让用户下载修改后的SVG版本

我将SVG内联存储,以便可以直接从javascript文件操作其属性


我查看了crapper.js,但这只适用于canvas和img对象。

既然你用jquery标记了这个问题,我猜你也在使用它。然后,有一种非常简单的方法可以下载内联svg(修改或不修改为.svg文件)

这里是一些内联SVG,无论是否修改,您都可以通过单击链接下载

$document.readyfunction{ $'download'.attr'href','data:application/octet stream;base64',+btoa$circle.html; }; 下载
您应该能够将SVG输出为blob并链接到它进行下载。我最近一直在使用它,但不是专门针对SVG: