PathCubic QML Type

Defines a cubic Bezier curve with two control points. More...

Import Statement: import QtQuick 2.0

Properties

Detailed Description

The following QML produces the path shown below:

Path {
    startX: 20; startY: 0
    PathCubic {
        x: 180; y: 0
        control1X: -10; control1Y: 90
        control2X: 210; control2Y: 90
    }
}

See also Path, PathQuad, PathLine, PathArc, PathAngleArc, PathCurve, and PathSvg.

Property Documentation

relativeControl1X : real

Defines the positions of the control points relative to the curve's start.

If both a relative and absolute control position are specified for a control point's axis, the relative position will be used.

Relative and absolute positions can be mixed, for example it is valid to set a relative control1 x and an absolute control1 y.

See also control1X, control1Y, control2X, and control2Y.

control2X : real

Defines the position of the second control point.

control1X : real

Defines the position of the first control point.

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.

x : real

Defines the end point of the curve.

See also relativeX and relativeY.

© The Qt Company Ltd
Licensed under the GNU Free Documentation License, Version 1.3.
https://doc.qt.io/qt-6.0/qml-qtquick-pathcubic.html