使用<object>

时间:2016-03-30 21:06:41

标签: jquery html css svg

我正在尝试使用CSS为大型SVG制作动画。

当我将SVG直接放在HTML中时,它可以正常工作。

当我尝试使用<object>时,它会逐字加载SVG,并且不会捕获CSS类。目标是将SVG放在一个文件中并将其包含在HTML中。

HTML <object id="svg" data="img/logo.svg" type="image/svg+xml"></object>

当我检查DOM时,所有SVG代码都被正确包含(<object>扩展到SVG中)但CSS类没有应用,当它加载SVG时它会加载每个字母,一个一次。

2 个答案:

答案 0 :(得分:0)

将CSS嵌入SVG文件中。

答案 1 :(得分:-2)

如果我没弄错的话,SVG代码必须在HTML标记中内联声明,以便用CSS操作。看看这篇文章:

https://css-tricks.com/using-svg/