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:
centerXThe x-coordinate of the center of the radius.
This attribute is transformable.
centerYThe y-coordinate of the center of the radius.
This attribute is transformable.
radiusMust be positive. The radius for the circle for this gradient.
This attribute is transformable.
colorsA space-separated list of colors. You must specify each color using either the ARGB format (
#ff000000= opaque black) or the RGB format (#000000= black).positionsA 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
Transformelements.
Recommended for you
- Note: link text is displayed when JavaScript is off
- SweepGradient
- LinearGradient
- Stroke