css - 在 SVG 标签之外添加 SVG Def

标签 css svg

是否可以在 SVG 标签之外使用 SVG Defs。像这样的事情:

<defs>
    // defs code goes here
</defs>

<svg>
// svg code goes here
</svg>

如果是这样 - 如何将 defs 标记与我想要定位的特定 svg 标记相关联?

最佳答案

至少在那个 svg 元素之外,我认为这就是你想要的?!

它只需要位于任何 SVG 标签内

但这些不必超过 <svg style="display:none;"><defs>...</defs></svg>

(它是在之后还是之前定义并不重要,甚至可以写在正文之外(尽管我不确定这是否是有效的 html)。)

关于css - 在 SVG 标签之外添加 SVG Def,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56891189/

相关文章:

css - 使用 cssSelector 查找带有 Selenium 化物(Selenium)的特定元素

html - 跨度跳转到新行,即使它有内联 block ?

javascript - SVG 属性和样式之间是否存在性能差异?

javascript - 带有数据更新的 Angular 应用程序中的 Chrome 中的 SVG 闪烁

xml - SVG id 有效字符的 ISO 表

ios - 如何在 IOS 中为 SVG 路径设置动画?

javascript - 如何针对特定的 CSS3 背景层在 CSS 和/或 JS 中进行修改

javascript - 从 iFrame 中的按钮关闭(对话框)iFrame

html - 如何在 li 下为 span 固定位置

php - Laravel 5.6 在我的 Blade View 中显示 svg 图标不起作用