Radial gradient. More...
Import Statement: | import QtQuick.Shapes 1.11 |
Since: | Qt 5.10 |
Inherits: |
Radial gradients interpolate colors between a focal circle and a center circle in Shape items. Points outside the cone defined by the two circles will be transparent.
Outside the end points the gradient is either padded, reflected or repeated depending on the spread type.
Below is an example of a simple radial gradient. Here the colors are interpolated between the specified point and the end points on a circle specified by the radius:
fillGradient: RadialGradient { centerX: 50; centerY: 50 centerRadius: 100 focalX: centerX; focalY: centerY GradientStop { position: 0; color: "blue" } GradientStop { position: 0.2; color: "green" } GradientStop { position: 0.4; color: "red" } GradientStop { position: 0.6; color: "yellow" } GradientStop { position: 1; color: "cyan" } }
Extended radial gradients, where a separate focal circle is specified, are also supported.
Note: RadialGradient is only supported in combination with Shape items. It is not compatible with Rectangle, as that only supports Gradient.
See also QRadialGradient.
centerRadius : real |
These properties define the center and focal radius. For simple radial gradients, focalRadius should be set to 0
(the default
value).
centerX : real |
centerY : real |
focalRadius : real |
These properties define the center and focal radius. For simple radial gradients, focalRadius should be set to 0
(the default value).
focalX : real |
focalY : real |
As part of the free Business evaluation, we offer a free welcome call for companies, to talk about your requirements, and how the Felgo SDK & Services can help you. Just sign up and schedule your call.
Sign up now to start your free Business evaluation: