gpt4 book ai didi

html - 如何在 HTML 中很好地管理 SVG 内联

转载 作者:太空宇宙 更新时间:2023-11-04 03:07:19 26 4
gpt4 key购买 nike

有什么方法可以很好地管理 SVG 内联?

我正在尝试将 img 标签与 SVG 一起使用,但 CSS 无法控制悬停样式。

我希望使 HTML 更简单,而不是那么多内联 SVG。

JSFIDDLE

最佳答案

SVG 必须内嵌在 DOM 中才能通过 CSS 设置样式。

您可以使用 SVG 注入(inject)器来实现此目的,它取代了 <img>用 SVG 标记。例如 SVGInject您可以像这样简单地添加 SVG:

<img src="image.svg" onload="SVGInject(this)" />

属性onload="SVGInject(this)"确保在 SVG 加载后完成注入(inject)。

免责声明:我是上述 SVG 注入(inject)器的作者之一。

关于html - 如何在 HTML 中很好地管理 SVG 内联,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30205390/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com