如何使用svg文件并更改其颜色？[重复]
我的问题和其他问题之间的区别在于，其他问题使用JQuery或JavaScript来解决。但我希望我的问题只能用html来解决。
我在这个问题中的主要目标是获得一段html代码来使用svg文件并将其更改为我自己喜欢的颜色！
我有< code>home.svg文件。我使用这个文件如下，我试图改变它的颜色。
<img src="home.svg" style="color: white" />
< code>svg的默认颜色是黑色，但我想把它改成白色或其他颜色！
我如何解决这个问题？
共有1个答案
您只能更改内联svg的颜色，并将使用填充：而不是颜色：。
但是，当使用fill:currentColor它将使用元素的颜色。
svg {
fill: currentColor;
color: red;
}
svg:hover {
color: blue;
}<svg height="100" width="100">
<circle cx="50" cy="50" r="40" />
</svg>-
在这里，我尝试更改图像svg颜色。 是否可以更改angular 5中按钮中svg图像的颜色
-
问题内容： 我想使用这项技术并更改svg颜色，但到目前为止我还没有做到这一点。我把它放在css中，但是无论如何我的图像总是黑色的。我的代码： 问题答案： 您不能以这种方式更改图像的颜色。如果将SVG加载为图像，则无法在浏览器中使用CSS或Javascript更改其显示方式。 如果你想改变你的SVG图像，你必须用它来装载，或使用在线。 如果要使用页面中的技术，则需要Modernizr库，您可以在其中
-
问题内容： 我正在尝试使用javascript更改svg图像颜色。这可能吗？我可以将其加载为对象，然后以某种方式访问颜色/图像数据。 每一个回应或提示都将受到高度赞赏！ 问题答案： 当然，这是一个示例（省略了标准HTML样板）：
-
我在使用jquery或vanila javascript更改svg图像的颜色时遇到了问题。我尝试了一些方法，但似乎都不起作用，原始颜色是黑色的，如果我在IDE中打开svg图像并添加/更改填充属性，我可以更改它。但JS不行。我做错了什么？其他代码行工作正常，所以文件或其他文件没有问题。 到目前为止，我已经尝试了这几行代码，并将id放在img标签以及svg元素本身上 中文： JS: UPDATE-创建
-
我有一个嵌入在“img src”标记内的SVG图像。svg 包含带有颜色的不同路径，每个路径由 id 分隔。我想使用 jquery 更改每个 id 中的填充颜色 下面是我使用过的代码。但是颜色没有变化。通过大量搜索，我发现如果svg直接添加到html中，它就可以工作。一个工作示例：http://jsfiddle.net/P6t2B/ 但是如果是通过“img src”添加svg，我该如何实现呢？？
-
我有一个图标svg喜欢： 它显示很好，但我想在某些情况下改变颜色（如悬停或选择） 我用过： 它不会改变颜色。任何帮助都将不胜感激。