PathCurve QML Type▲
-
Import Statement: import QtQuick
-
Group: PathCurve is part of qtquick-animation-paths
Detailed Description▲
PathCurve provides an easy way to specify a curve passing directly through a set of points. Typically multiple PathCurves are used in a series, as the following example demonstrates:
Sélectionnez
import QtQuick
Canvas {
width: 400; height: 200
contextType: "2d"
Path {
id: myPath
startX: 0; startY: 100
PathCurve { x: 75; y: 75 }
PathCurve { x: 200; y: 150 }
PathCurve { x: 325; y: 25 }
PathCurve { x: 400; y: 100 }
}
onPaint: {
context.strokeStyle = Qt.rgba(.4,.6,.8);
context.path = myPath;
context.stroke();
}
}This example produces the following path (with the starting point and PathCurve points highlighted in red):
See Also▲
Property Documentation▲
x : real▲
relativeX : real▲
relativeY : real
Defines the end point of the curve relative to its start.
If both a relative and absolute end position are specified for a single axis, the relative position will be used.
Relative and absolute positions can be mixed, for example it is valid to set a relative x and an absolute y.