使用 CSS 设置 svg <image> 元素的 xlink:href 属性

Posted

技术标签:

【中文标题】使用 CSS 设置 svg <image> 元素的 xlink:href 属性【英文标题】:Set the xlink:href attribute of an svg <image> element with CSS 【发布时间】:2014-02-07 21:59:57 【问题描述】:

我需要在 svg &lt;image&gt; 元素上设置“xlink:href”属性,描述为here。

我可以用 CSS 做到这一点吗?

【问题讨论】:

不,不能使用 CSS 设置属性。 这是您可以在 svg 中使用 CSS 设置样式的属性列表。 w3.org/TR/SVG/styling.html 【参考方案1】:

不,因为xlink:href 不是 CSS 属性。请参阅 SVG 1.1 中所需的 list of css properties。

【讨论】:

以上是关于使用 CSS 设置 svg <image> 元素的 xlink:href 属性的主要内容,如果未能解决你的问题,请参考以下文章

background-image使用svg如何改变颜色

可以在 CSS 背景图像中使用 SVG <use xlink> 吗?

.svg 中的 <g> 元素不会在 :hover (css) 上按比例放大

像在 HTML Canvas 或 CSS 中一样为 SVG <image> 定义源矩形

通过 CSS 更改 svg 的描边颜色

有啥方法可以从 CSS 中使用 SVG Sprite?