Раскрасьте файл изображения SVG с помощью CSS, в котором отсутствует атрибут id - PullRequest
0 голосов
/ 18 марта 2020

Я хочу sh использовать какой-нибудь SVG-файл, например этот , встроенный в мой веб-сайт, и раскрасить его с помощью некоторого css файла.

Sitenote: причины SVG

Есть несколько причин для использования SVG-файла над файлом шрифта значка.

Sitenote: Использование SVGs

Есть несколькими способами для включения SVG в веб-сайт.

Здесь есть загвоздка

Раскраска SVG-файла с помощью внешнего CSS работает только в том случае, если он является своего рода встроенным SVG. У нас есть решение для этой проблемы, но оно работает неидеально.

Мы создаем некоторые inline-SVG, которые используют некоторые source-SVG.

Пример
<svg><use xlink:href="https://examle.com/address-book.svg#bar"></use></svg>

Проблемы

  • AFAIK Source-SVG должен иметь id-атрибут для встраивания. FontAwesome, например, не имеет таких.
  • AFFAIK Нет другого способа встроить файл SVG и возможность стилизовать его с помощью CSS.

Есть ли решение для это проблемы?

...