gradientUnits

Для <linearGradient>, gradientUnits определяет систему координат, используемую для атрибутов x1, y1, x2, и y2.

userSpaceOnUse

Это значение указывает, что атрибуты представляют значения в системе координат, которая получается из текущей системы координат пользователя в момент ссылки на элемент градиента (т.е., система координат пользователя для элемента, ссылающегося на элемент градиента через свойство fill или stroke), и затем применяется преобразование, указанное атрибутом gradientTransform. Проценты представляют значения, относительные к текущему представлению SVG.

objectBoundingBox

Это значение указывает, что система координат пользователя для атрибутов устанавливается с использованием области отображения элемента, к которому применяется градиент, а затем применяется преобразование, указанное атрибутом gradientTransform.

Проценты представляют значения, относительные к области отображения объекта.

При этом значении и gradientTransform являющимся единичной матрицей, нормаль линейного градиента перпендикулярна вектору градиента в пространстве области отображения объекта (т.е., абстрактная система координат, где (0,0) находится в верхнем левом углу области отображения объекта, а (1,1) - в нижнем правом). Если область отображения объекта не квадратная, нормаль градиента, которая изначально перпендикулярна вектору градиента в пространстве области отображения объекта, может отобразиться неперпендикулярно относительно вектора градиента в пространстве пользователя. Если вектор градиента параллелен одной из осей области отображения, нормаль градиента останется перпендикулярной. Это преобразование вызвано применением неравномерного масштабирования от пространства области отображения к пространству пользователя.

Для <radialGradient>, gradientUnits определяет систему координат, используемую для атрибутов cx, cy, r, fx, fy, и fr.

userSpaceOnUse

cx, cy, r, fx, fy, и fr представляют значения в системе координат, полученной путем взятия текущей системы координат пользователя в момент ссылки на элемент градиента (т.е., системы координат пользователя для элемента, ссылающегося на элемент градиента через свойство fill или stroke), а затем применения преобразования, указанного атрибутом gradientTransform.

objectBoundingBox

для <radialGradient>: система координат пользователя для атрибутов cx, cy, r, fx, fy, и fr устанавливается с использованием области отображения элемента, к которому применяется градиент (см. Единицы области отображения объекта), и затем применяется преобразование, указанное атрибутом gradientTransform. При этом значении и gradientTransform являющимся единичной матрицей, кольца радиального градиента являются круговыми относительно пространства области отображения объекта (т.е., абстрактная система координат, где (0,0) находится в верхнем левом углу области отображения объекта, а (1,1) - в нижнем правом). Если область отображения объекта не квадратная, кольца, которые концептуально являются круговыми в пространстве области отображения объекта, будут отображаться как эллиптические из-за применения неравномерного масштабирования от пространства области отображения к пространству пользователя.