Home Menu

LINEARGRADIENT

The linearGradient element defines linear gradients.

SYNTAX

<linearGradient attribute-name="attribute-value"/>
NAME VALUE INITIAL DESCRIPTION
gradientTransform <transform-list> identity transform additional transformation from the gradient coordinate system onto the target coordinate system
gradientUnits objectBoundingBox | userSpaceOnUse objectBoundingBox coordinate system for attributes x1, x2, y1, and y2
href URL (none) URL reference to the element
spreadMethod pad | reflect | repeat pad indicates what happens when the gradient starts or ends inside the bounds of the object(s) being painted by the gradient
x1 <length> 0% x coordinate of the start point
x2 <length> 100% x coordinate of the end point
y1 <length> 0% y coordinate of the start point
y2 <length> 0% y coordinate of the end point

EXAMPLES

GRADIENTTRANSFORM | MATRIX

GRADIENTTRANSFORM | ROTATE

GRADIENTTRANSFORM | SCALE

GRADIENTTRANSFORM | SKEWX

GRADIENTTRANSFORM | SKEWY

GRADIENTTRANSFORM | TRANSLATE

GRADIENTUNITS | OBJECTBOUNDINGBOX

GRADIENTUNITS | USERSPACEONUSE

HREF

SPREADMETHOD | PAD

SPREADMETHOD | REFLECT

SPREADMETHOD | REPEAT

X1

X2

Y1

Y2

INTERNAL

radialGradient

stop

EXTERNAL

World Wide Web Consortium (W3C)