如何在网页中动态颜色svg图像？

我试图在某些事件中更改svg图像的特定部分（在inkscape中创建，如果它很重要）。我敢肯定，我可以使用CSS来做到这一点，但我不知道如何从特定的SVG文件中选择ID。如果SVG对象具有ID =“ToChange”和HTML标签有ID =“svgToChange”，我认为CSS是如何在网页中动态颜色svg图像？

#svgToChange #ToChange :hover {...}

但这似乎并没有工作。有任何想法吗？ JavaScript会更好吗？从问题提问者

来源

2015-09-30 user2618908

这不是一个真正的重复，因为他想用css而不是javascript来做到这一点。 – Sharper

#svgToChange:Hover #ToChange{fill: #whatever}

编辑：

我想通了，怎么办呢，这个问题是因为我曾在一个img标签，而不是一个对象标签的SVG。

来源

2015-09-30 15:48:21 Sharper

很对丹尼尔。我错过了#svgToChange的＃谢谢你的收获。 – Sharper

由于某种原因，这不适合我？ svg的对象是在一个单独的文件中定义的，并且使用一个html img标签来引入;对象是 – user2618908

你能张贴一支笔吗？ – Sharper

如何在网页中动态颜色svg图像？

回答

相关问题