pug 语法中的 Svg

Question

我试图使用 pug 语法在 html 页面上显示 svg 图标，但不起作用

这是代码

span.icon
  svg(width="24px", height="24px")
    use(xlink:href="../../../images/svg/glass.svg")

Answer 1

该<use>元素无法链接到完整文件，只能链接到命名片段。有人建议将来更改此设置，但目前，<svg>文件中的根元素glass.svg需要有一个 id，比如说id="glassRoot"。然后你可以做

span.icon
  svg(width="24px", height="24px")
    use(xlink:href="../../../images/svg/glass.svg#glassRoot")