javascript - 如何动态地为网页中的 svg 图像着色?

标签 javascript html css svg

<分区>

我正在尝试获取 svg 图像的特定部分(如果重要,则在 inkscape 中创建)以更改某些事件的颜色。我很确定我可以使用 css 来做到这一点,但我不知道如何从特定的 svg 文件中选择 id。 如果 svg 中的对象具有 id='ToChange' 并且 html 标记具有 id='svgToChange',我认为 css 将是

#svgToChange #ToChange :hover {...}

但这似乎行不通。有任何想法吗? javascript 会更好吗?

最佳答案

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

从提问者编辑:

我想出了怎么做,问题是因为我在 img 标签而不是 object 标签中有 svg。

关于javascript - 如何动态地为网页中的 svg 图像着色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32870399/

上一篇:css - 悬停时子菜单位于主菜单后面

下一篇:css - 默认样式编辑器 wordpress

相关文章:

html - 网站右侧不需要的空间

javascript - HTML 选择没有移动网站的下拉列表

javascript - Mongodb:在 $group 之后使用 $sample

javascript - 使用 protected 路由时如何将 Prop 传递给子组件?

javascript - 如何使用CKeditor允许所有html标签和属性?

javascript - HTML。如何检查用户是否在表单中输入了文本?

html - 居中水平导航栏CSS

javascript - 我如何在我的 Js 查询中定义 $

javascript - 将重复的 JQuery 代码转换为干净的代码

javascript - SVG + CSS - 如何包含在 HTML 中以及缩放和颜色?