PathCubic QML Type

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

Import Statement: import QtQuick 2.15

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

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.


control2X : real

control2Y : real

Defines the position of the second control point.


control1X : real

control1Y : real

Defines the position of the first control point.


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.


x : real

y : real

Defines the end point of the curve.

See also relativeX and relativeY.