更改img src SVG颜色

Question

在这里，我试图更改图像的svg颜色。

  <button>
 <img src="someImage.svg">
 </button>

是否可以在角度5中更改按钮中svg图像的颜色

Answer 1

如果SVG在DOM中是内联的，则可以将CSS应用于SVG。实现此目的的最简单方法是使用SVG注射器。它使用Javascript加载外部SVG文件，并用<img>SVG标记替换HTML元素（通常是元素）。

如果使用SVGInject（https://github.com/iconfu/svg-inject/），则HTML将如下所示：

<button>
  <img src="someImage.svg" onload="SVGInject(this)">
</button>

该onload属性通过<img>在加载图像后替换元素来发挥作用。它看起来应该一样，但是您将能够将CSS应用于SVG。