fileSaver SVG字符串导出svg图

FileSaver是一个JavaScript库，它允许你在浏览器端保存文件，而不仅仅是文本内容。当你需要将SVG（Scalable Vector Graphics）字符串转换为实际的SVG图像并下载时，可以结合FileSaver和一些SVG处理技术来实现。

以下是一个简单的步骤概述：

1. 首先，你需要创建一个包含SVG字符串的数据变量。例如，假设你有一个名为`svgString`的变量存储了SVG图形数据。

let svgString = '<svg width="100" height="100"><circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" /></svg>';

2. 使用`Blob`构造函数将SVG字符串转化为Blob对象，因为FileSaver操作的就是Blob对象。

let blob = new Blob([svgString], {type: 'image/svg+xml'});

3. 然后调用FileSaver库提供的`saveAs`方法，传入Blob对象和你想保存的文件名。

saveAs(blob, 'example.svg');

这将会触发浏览器的默认下载机制，用户会看到一个弹窗可以选择保存文件。

相关问题

svg-blob怎么将svg字符串保存为.svg图片

可以使用svg-blob将svg字符串导出为.svg图片。首先，使用文本编辑器打开一个新的文件，并将svg字符串复制到该文件中。然后，将文件的扩展名从.txt更改为.svg。最后，使用常规图像查看器打开该文件，以确保它是正确格式的svg图像。

ps切图为非字符串svg插件

有一些插件可以帮助你将 Photoshop 中的图形转换为 SVG 格式。其中比较流行的插件有：

1. SVG Cut & Export：这是一个免费的 Photoshop 插件，可以将图形快速转换为 SVG 格式并导出保存。

2. SVG Kit：这是一个商业插件，提供了丰富的 SVG 导出选项和自定义设置，可以让你更加灵活地控制转换后的 SVG 文件格式。

3. Export Kit：这是一款功能强大的 PSD 切图插件，可以将图形、文本、图层样式等快速转换为多种格式，包括 SVG、HTML、CSS 等。

无论你选择哪个插件，都需要注意转换后的 SVG 文件可能需要手动微调，以确保在 Web 页面中显示效果良好。