PathQuad

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

Import Statement: import QtQuick 2.11

Properties

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.

controlX : real

Defines the position of the control point.

controlY : real

Defines the position of the control point.

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

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.

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