Как изменить цвет SVG в Angular JS - PullRequest
Новая
       14

Как изменить цвет SVG в Angular JS

0 голосов
/ 21 ноября 2018

Я использовал src в своем коде, и когда я хочу быть активным, я хочу изменить цвет SVG, который я использовал.HTML: 

<img src="../icons/Burgers.svg" class="icon" />

, поэтому я использовал в строке иконок-меню css: 

.icon{
fill:red;
}

, но SVG не изменился.Так что основная проблема - изменить цвет SVG в моем HTML, а SVG находится в другом файле.

Ответы [ 2 ]

0 голосов
/ 21 ноября 2018

вы можете использовать ng-include для импорта элементов svg в код, затем выбрать конкретный элемент из импортированного svg и изменить css.Например: 

<div class="icon svg" ng-include=" '/assets/img/icon.svg' " > </div>

.icon.svg svg {
  fill:red;
}

надеюсь, это поможет вам.

0 голосов
/ 21 ноября 2018

Если вы хотите изменить цвет значка SVG, вам следует преобразовать изображения SVG в шрифт (https://icomoon.io/app/#/select),, а затем включить его в собственный проект и изменить цвет.

PS:Многие библиотеки UI имеют собственный набор иконок, например:

...