javascript - 更改从文件加载的 SVG 的颜色

Question

我有一个从文件中加载的 SVG，就像这样......

<img class="svgbutton" src="filepath/icon.svg">

svg 只是一个单一颜色的简单图标。是否可以使用 css 或 javascript 以某种方式(可能是过滤器？)控制 svg 的颜色？

或者是在脚本中完全绘制它的唯一正确方法......？

Answer 1

这可能需要一些 Javascript 或 Jquery，通常有点棘手。

我能想到的最简单的方法可能是这个 CSS code:

.element {
    -webkit-mask: url(yourimage.svg) center / contain no-repeat;
    background: red;
}

但是，有些浏览器不支持此功能，但也有后备方案。