QtQuick.PathCurve

Defines a point on a Catmull-Rom curve More...

Import Statement: import QtQuick 2.4

Properties

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:

import QtQuick 2.0
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):

src="https://assets.ubuntu.com/v1/88f618ba-declarative-pathcurve.png" alt="" />

See also Path, PathLine, PathQuad, PathCubic, PathArc, and PathSvg.

Property Documentation

relativeX : 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.

See also x and y.


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.

See also x and y.


x : real

Defines the end point of the curve.

See also relativeX and relativeY.


y : real

Defines the end point of the curve.

See also relativeX and relativeY.