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.