html - 为什么我不能使用导入 svg不使用身份证？

Question

每当我导入带有<use>标签的 svg 时，除非我指定该 svg 的 id，否则它将不起作用，即使它是文档中唯一的 svg！

这将在 svg 文件中指定 id="shap" 后起作用：

<svg className="home__social-icon-leetcode">
    <use xlinkHref="svg/shap.svg#shap"></use>
</svg>

即使 svg 文件不包含多个 svg，这也不起作用！：

<svg className="home__social-icon-leetcode">
    <use xlinkHref="svg/shap.svg"></use>
</svg>

标签： html

Answer 1

这是SVG的外部源用法，因此您必须在外部 svg 源中提供您要查找的位（svg 文件中的 id）。请参阅此链接。