Home Menu

RADIALGRADIENT

The radialGradient element defines radial gradients.

SYNTAX

<radialGradient attribute-name="attribute-value"/>
NAME VALUE INITIAL DESCRIPTION
cx <length> 50% x coordinate of the end circle
cy <length> 50% y coordinate of the end circle
fr <length> 0% radius of the start circle
fx <length> cx x coordinate of the start circle
fy <length> cy y coordinate of the start circle
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 cx, cy, r, fx, fy, and fr
href URL (none) URL reference to the element
r <length> 50% radius of the end circle
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

EXAMPLES

CX

CY

FR

FX

FY

GRADIENTTRANSFORM | MATRIX

GRADIENTTRANSFORM | ROTATE

GRADIENTTRANSFORM | SCALE

GRADIENTTRANSFORM | SKEWX

GRADIENTTRANSFORM | SKEWY

GRADIENTTRANSFORM | TRANSLATE

GRADIENTUNITS | OBJECTBOUNDINGBOX

GRADIENTUNITS | USERSPACEONUSE

HREF

R

SPREADMETHOD | PAD

SPREADMETHOD | REFLECT

SPREADMETHOD | REPEAT

INTERNAL

linearGradient

stop

EXTERNAL

World Wide Web Consortium (W3C)