Нелинейные градиенты - Советы и хитрости

Версия 1.1 SVG не поддерживает нелинейные градиенты (т.е. нелинейно переходящие из цвета в цвет), но вы можете создать их подобие, используя градиент с множеством опорных точек.

Начните с обычного градиента из двух опорных точек. Откройте редактор градиента (двойной щелчок по узлу градиента курсором инструмента для редактирования градиентов). Добавьте новую опорную точку посередине и сместите её немного. Добавьте ещё несколько опорных точек до и после этой, а затем тоже сместите их так, чтобы градиент получился ровным. Чем больше опорных точек вы добавите, тем более мягкими будут переходы в градиенте. Ниже изображён исходный чёрно-белый градиент с двумя опорными точками:

А тут примеры разных «нелинейных» градиентов с множеством опорных точек (проверьте это при помощи инструмента редактирования градиента).

Список советов