PathCubic QML Type

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

Import Statement: import QtQuick

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

x : real

y : real

Defines the end point of the curve.

See also relativeX and relativeY.


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.

See also x and y.


control1X : real

control1Y : real

Defines the position of the first control point.


control2X : real

control2Y : real

Defines the position of the second control point.


relativeControl1X : real

relativeControl1Y : real

relativeControl2X : real

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


© 2023 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.