A gradient transitioning between two colors between a start and end angle.
Syntax
<SweepGradient centerX="float" centerY="float" startAngle="float" endAngle="float" colors="argb-color argb-color" positions="float float" />
Attributes
The SweepGradient
element has the following attributes:
Required attributes
The following attributes are required:
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.
startAngle
The angle (in degrees) to start the gradient.
This attribute is transformable.
endAngle
The angle (in degrees) to end the 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.
Optional attributes
The following attributes are optional:
direction
- The direction of the sweep. Either
CLOCKWISE
orCOUNTER_CLOCKWISE
. Defaults toCLOCKWISE
.
Inner elements
The SweepGradient
element can contain between 0 and 4 Transform
elements.
Recommended for you
- Note: link text is displayed when JavaScript is off
- TextCircular
- TextCircular
- Arc