js 把svg下载本地

要将SVG文件下载到本地，你可以使用JavaScript创建一个下载链接，并模拟用户点击该链接以进行下载。以下是一个实现此功能的示例代码：

function downloadSVG(svgContent, fileName) {

  // 创建一个Blob对象

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

  // 创建一个下载链接

  var downloadLink = document.createElement('a');

  downloadLink.href = URL.createObjectURL(blob);

  downloadLink.download = fileName;

  // 模拟点击下载链接

  downloadLink.click();

  // 清理下载链接对象

  URL.revokeObjectURL(downloadLink.href);

}

// 调用downloadSVG函数，传入SVG内容和文件名

var svgContent = '<svg width="100" height="100"><circle cx="50" cy="50" r="40" fill="red" /></svg>';

var fileName = 'example.svg';

downloadSVG(svgContent, fileName);

在上述代码中，downloadSVG函数接受两个参数：SVG内容和文件名。该函数会将SVG内容转换为Blob对象，并创建一个下载链接。然后，通过模拟点击下载链接，将SVG文件下载到本地。

你需要将svgContent变量设置为你要下载的SVG内容，以及fileName变量设置为你想要保存的文件名。调用downloadSVG函数后，浏览器将自动下载SVG文件。请注意，该方法在大多数现代浏览器中都可以正常工作，但在某些旧版本的浏览器中可能不支持Blob对象和模拟点击下载链接的方式。