LinearGradient
Stay organized with collections
Save and categorize content based on your preferences.
A gradient transitioning between two colors along a line.
Syntax
<LinearGradient startX="float" startY="float" endX="float" endY="float"
colors="argb-color argb-color" positions="float float" />
Attributes
The LinearGradient
element must contain the following attributes:
startX
- The x-coordinate for the start of the gradient line.
startY
- The y-coordinate for the end of the gradient line.
endX
- The x-coordinate for the end of the gradient line.
endY
- The y-coordinate for the end of the gradient line.
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 LinearGradient
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."]]