造型需要.svg图像

Question

我有一个充满了svg图标的文件夹，我需要根据一些动态变量来设置样式。这就是我想要做的事情：

      <img
       name="survey"
       src={require('../../../images/silhouette.svg')}
       alt="Owl"
       style={{ fill: someDynamicColor }}/>

问题是.svg不尊重我的“填充”选项。无论如何要动态设置所需的svg图像？

Answer 1

我相信如果SVG的代码直接在您的HTML中，您只能更改SVG的填充。如果您在本地拥有SVG并且正在使用它作为src标记的<img>的文件路径，则无法更改填充。