RadialGradient
Stay organized with collections
Save and categorize content based on your preferences.
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.
centerY
- 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
Content and code samples on this page are subject to the licenses described in the Content License. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.
Last updated 2024-06-17 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Missing the information I need"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Too complicated / too many steps"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Out of date"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Samples / code issue"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Other"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Easy to understand"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Solved my problem"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Other"
}]
{"lastModified": "Last updated 2024-06-17 UTC."}
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-06-17 UTC."]]