Я разрабатываю приложение Angular и пытаюсь найти лучший способ справиться с SVG:
Использовать их как фоновое изображение, sr c атрибут тега img et c. - Я теряю способность стилизовать SVG с CSS. С другой стороны, его довольно просто использовать, и мне не нужно копировать / вставлять содержимое
Использовать стороннее приложение, которое делает запрос для нас и помещает SVG в контейнер. который имел директиву - например, https://www.npmjs.com/package/ng-inline-svg - он делает HTTP-запрос, который я хотел бы избежать. Однако я могу стилизовать изображение с помощью CSS
Поместить SVG непосредственно в шаблон компонента - дополнительные запросы не выполняются, и у меня есть полный контроль над стилем. Это уменьшает возможность повторного использования кода.
Причина, по которой я бы хотел вообще избегать HTTP-запросов, заключается в том, что у нас несколько тем (одинаковые SVG, но разных цветов), и я хочу загрузить их на Максимум один ресурс на «изображение».
Могу ли я использовать какие-либо полезные методы? Любой открытый исходный код, на который я мог бы взглянуть?
Третий вариант хорош? Может быть, я мог бы написать Angular сервис и как-то сгруппировать встроенные SVG, но пока не знаю.
С наилучшими пожеланиями, Марчин