如何从 .svg 文件中获取 svg 图标作为字符串

Question

当您拥有带有 JavaScript 的 .svg 文件时，是否有办法将 svg 图标作为字符串获取？

为了更清楚，我需要一个函数：

function svgFileToString('./icon.svg'){
...
...
return `<svg>...</svg>`
}

Answer 1

您可以使用fetch()功能。函数 svgFileToString() 不会 return 任何东西，但你可以用任何东西替换 console.log(text);。

例如，我使用数据 URL 来替换文件的真实路径。

function svgFileToString(iconpath){
  fetch(iconpath)
    .then(response => response.text())
    .then(text => {
      console.log(text);
      // do whatever
    });
}

//svgFileToString('/icon.svg');

// for testing here on ST:

svgFileToString('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCI+CiAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iZ3JlZW4iIC8+Cjwvc3ZnPgo=');

如何从 .svg 文件中获取 svg 图标作为字符串

How to get svg icon as a string from a .svg file

javascript

svg