PathQuad QML Type

Defines a quadratic Bezier curve with a control point. More...

Import Statement: import QtQuick

Properties

Detailed Description

The following QML produces the path shown below:

Path {
    startX: 0; startY: 0
    PathQuad { x: 200; y: 0; controlX: 100; controlY: 150 }
}

See also Path, PathCubic, 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.


controlX : real

controlY : real

Defines the position of the control point.


relativeControlX : real

relativeControlY : real

Defines the position of the control point relative to the curve's start.

If both a relative and absolute control 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 control x and an absolute control y.

See also controlX and controlY.


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