我正在尝试使用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时它会加载每个字母,一个一次。
答案 0 :(得分:0)
将CSS嵌入SVG文件中。
答案 1 :(得分:-2)
如果我没弄错的话,SVG代码必须在HTML标记中内联声明,以便用CSS操作。看看这篇文章: