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>

如何使用svg标签导入svg文件？

1 个答案: