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.
startY
- The y-coordinate of the center of the radius.
radius
- Must be positive. The radius for the circle for this gradient.
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