partyzanx
@partyzanx

Как сделать чтобы linearGradient одинаково ложился на весь svg?

Проблема: задаю градиент ложился не на каждый элемент отдельно, а весь svg ?
5c7781df905f2433556152.png
  • Вопрос задан
  • 45 просмотров
Пригласить эксперта
Ответы на вопрос 2
Там, где объявляется градиент:
<linearGradient id="grad" x1="0" x2="0" y1="0" y2="1">

...для начала, необходимо у атрибута y2 заменить значение с 1 на 100%:
<linearGradient id="grad" x1="0" x2="0" y1="0" y2="100%">

...и добавить атрибут gradientUnits со значением userSpaceOnUse:
<linearGradient id="grad" x1="0" x2="0" y1="0" y2="100%" gradientUnits="userSpaceOnUse">

Получилось:

В этой статье рассказывается про gradientUnits.
Или поступить так, как предложил raron, слить все элементы в один.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы