是否可以通过CSS将SVG图像添加到网页?

Dan*_*ert 4 css svg vector-graphics

我刚开始在网页上试验SVG,我发现只能使用<object />标签将SVG图像添加到HTML中,而不是<img />像我期望的那样.大多数时候,我通过CSS向网页添加图形,因为它们是网站呈现的一部分,而不是内容.

我知道可以将CSS 应用于 SVG,但是可以使用纯CSS将矢量图像添加到HTML元素吗?

Eri*_*röm 5

<img>自Opera 9以来,CSS中支持SVG (列表图像,背景图像,内容),Opera 10更好.Webkit/Safari也支持svg <img>.

这里有一些例子,在dev.opera.comannevankesteren.nl还有一些例子

如果您正在寻找内联svg示例,请查看Sam Ruby的站点.