使用動畫動畫SVG使用<object>

當我把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加載每封信一次一個。

2016-03-30 Ds.109

您是否將CSS類放入了logo.svg文件（或從SVG文件中引用它們）？如果不是那是你出錯的地方。 –

@RobertLongson CSS位於SVG所包含的HTML文件中。您是否建議將其包含在logo.svg中？ –

只有當你想要它工作;-) –

在SVG文件中嵌入CSS工作。

2016-04-04 21:00:56

-2

如果我沒有弄錯，SVG代碼必須在HTML標記中內聯聲明，以便使用CSS進行操作。看看這篇文章：

2016-03-30 21:22:36 user3684918

您可以將CSS放入SVG文件中，或者在運行時使用javascript將其注入到SVG文件中。基本的觀點是，CSS是按文檔的。 –

回答