filesaver.js保存svg

filesaver.js是一个JavaScript库，它允许你在浏览器环境中创建文件并保存它们，无需用户干预。如果你想保存SVG (Scalable Vector Graphics) 文件，可以结合filesaver.js和HTML5 File API来实现。

以下是使用filesaver.js保存SVG的基本步骤：

1. 首先，确保已经在项目中引入了`FileSaver.min.js` 和 `jszip.min.js`，这两个库分别用于处理文件和压缩数据。

<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2021.0.4/FileSaver.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.18.0/jszip.min.js"></script>

2. 创建一个SVG元素，并将其转换为Base64编码的数据URI，因为直接保存SVG文本可能会有问题。

var svgData = '<svg>...</svg>'; // 你的SVG字符串
var blob = new Blob([atob(svgData.replace('data:image/svg+xml;charset=utf8;base64,', ''))], {type: 'image/svg+xml'});

3. 使用FileSaver.saveAs()方法将Blob保存为SVG文件。

saveAs(blob, 'your-svg-file.svg');

这将会下载一个名为"your-svg-file.svg"的新SVG文件到用户的设备上。