Задать вопрос
Fragster
@Fragster
помогло? отметь решением!

Как заставить хром показать градиент в svg спрайте?

Вот пример:
https://codesandbox.io/s/peaceful-tamas-c7ovc

В файрфоксе отображается нормально, а в хроме та иконка, которая ссылается на градиент - отображается без градиента.
Как сделать так, чтобы в хроме получить такой же результат, как в файрфоксе?
картинки

firefox:
620687f4b1604493783141.png
chrome:
6206881825f76345877354.png
  • Вопрос задан
  • 129 просмотров
Подписаться 2 Простой Комментировать
Ответ пользователя Никита Геннадич К ответам на вопрос (2)
Psychosynthesis
@Psychosynthesis
Fullstack developer and radio engineer
Судя по всему это какой-то баг хрома, вроде как давно известный (предполагаю этот: https://bugs.chromium.org/p/chromium/issues/detail...), но с ним ничего не делают...

Причём проблема именно в хроме, и конкретно с атрибутами filter | fill | stroke | clip-path | mask и т.п. Во всех таких примерах используется конструкция вида fill="url(#toncloutLogoGradient)", которая ссылается на айдишник linearGradient. Но что-то решать этот баг никто не торопится.

Подписался на вопрос, буду рад, если кто-то поделится решением.
Ответ написан