2017-05-15 8 views
0

私はいくつかの動的変数に基づいてスタイルを設定する必要があるsvgアイコンでいっぱいのフォルダを持っています。これは私が何をしたいです:スタイリングが必要です.svg images

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

問題は.svgが私の「塗りつぶし」オプションを尊重していないです。必要なsvgイメージを動的にスタイルするための方法はありますか?

答えて

0

SVGのコードがHTML内に直接ある場合にのみ、SVGの塗りつぶしを変更できると思います。 SVGをローカルに持ち、ファイルパスを<img>タグのsrcとして使用している場合は、フィルを変更することはできません。

関連する問題