PathCurve QML Type | Qt Quick 5.15.18 (original) (raw)

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

Import Statement: import QtQuick 2.15

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](qml-qtquick-path.html) {
    id: myPath
    startX: 0; startY: 100

    [PathCurve](qml-qtquick-pathcurve.html) { x: 75; y: 75 }
    [PathCurve](qml-qtquick-pathcurve.html) { x: 200; y: 150 }
    [PathCurve](qml-qtquick-pathcurve.html) { x: 325; y: 25 }
    [PathCurve](qml-qtquick-pathcurve.html) { 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 Path, PathLine, PathQuad, PathCubic, PathArc, and PathSvg.

Property Documentation

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.

© 2024 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.