a
b
c
cx
cy
d
dx
dy
e
f
fx
fy
id
in1
in2
k1
k2
k3
k4
r1
r2
x
x1
x2
y
y1
y2
z
Expand Minimize

gradientUnits attribute | gradientUnits property

Gets a value that indicates the type of coordinate system that is used because of a transformation.

Scalable Vector Graphics: Gradients and Patterns, Section 13.4.1Internet Explorer 9

Syntax

HTML
<element gradientUnits="p" ... >
JavaScript
p = object.gradientUnits

Property values

Type: Object

The type of coordinate system that is used when a gradient is calculated.

Standards information

Remarks

When p is objectBoundingBox and the gradientTransform property is the identity matrix, the normal of the linear gradient is perpendicular to the gradient vector in object bounding box space. When the object's bounding box is not square, the gradient normal (which is initially perpendicular to the gradient vector within object bounding box space) might render non-perpendicular relative to the gradient vector in user space. If the gradient vector is parallel to one of the axes of the bounding box, the gradient normal remains perpendicular. This transformation occurs because of the non-uniform scaling transformation from bounding box space to user space.

See also

SVGGradientElement
SVGLinearGradientElement
SVGRadialGradientElement

 

 

Show:
© 2014 Microsoft