要将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对象和模拟点击下载链接的方式。