A gradient transitioning between two colors radiating from a central origin point.
Syntax
<RadialGradient centerX="float" centerY="float" radius="float" colors="argb-color argb-color" positions="float float" />
Attributes
The RadialGradient
element must contain the following attributes:
centerX
The x-coordinate of the center of the radius.
This attribute is transformable.
centerY
The y-coordinate of the center of the radius.
This attribute is transformable.
radius
Must be positive. The radius for the circle for this gradient.
This attribute is transformable.
colors
A space-separated list of colors. You must specify each color using either the ARGB format (
#ff000000
= opaque black) or the RGB format (#000000
= black).positions
A space-separated list of floats. The relative positions [0..1] of each corresponding color in the colors attribute. If this is an empty string, the colors are distributed evenly along the gradient line.
Inner elements
The RadialGradient
element can contain between 0 and 4 Transform
elements.
Recommended for you
- Note: link text is displayed when JavaScript is off
- SweepGradient
- LinearGradient
- Stroke