如何导入带有 svg 标签的 svg 文件？

Question

我想知道如何使用 svg 文件并将其用作标签。例如，我有一个像这样的 svg 文件

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
<title></title>
<g id="icomoon-ignore">
</g>
<path d="M144 288h-32v224h32c8.8 0 16-7.2 16-16v-192c0-8.8-7.2-16-16-16z"></path>
</svg>

我试图用 javascript（节点、电子）来要求它并在 html 标签中渲染。

// For examle,
<svg src="./mySvg.svg" />

我不想使用<img>标签等。

Answer 1

如果您排除使用<img>(HTML) 或<image>(SVG)，并且可能<object>也排除使用，那么唯一的其他选项是<use>：

<svg width="512" height="512" viewBox="0 0 512 512">
  <use xlink:href="#icomoon-ignore"/>
</svg>