partyzanx
@partyzanx

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

Проблема: задаю градиент ложился не на каждый элемент отдельно, а весь svg ?
5c7781df905f2433556152.png
  • Вопрос задан
  • 46 просмотров
Пригласить эксперта
Ответы на вопрос 2
@raron
Нужно чтобы обьект был одной(единой) кривой
Ответ написан
Комментировать
Там, где объявляется градиент:
<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, слить все элементы в один.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы