PathCurve QML Type | Qt Quick | Qt 6.10.3
Description: Defines a point on a Catmull-Rom curve.

- Qt 6.10
- Qt Quick
- QML Types
- PathCurve
- Qt 6.10.3 Reference Documentation

# PathCurve QML Type

Defines a point on a Catmull-Rom curve. More...

Import Statement: | `import QtQuick`

- List of all members, including inherited members

## Properties

- relativeX : real
- relativeY : real
- x : real
- y : real

## Detailed Description

PathCurve provides an easy way to specify a curve passing directly through a set of points. Typically multiple PathCurves are used in a series, as the following example demonstrates:

     import QtQuick

     Canvas {
         width: 400; height: 200
         contextType: "2d"

         Path {
             id: myPath
             startX: 0; startY: 100

             PathCurve { x: 75; y: 75 }
             PathCurve { x: 200; y: 150 }
             PathCurve { x: 325; y: 25 }
             PathCurve { x: 400; y: 100 }
         }

         onPaint: {
             context.strokeStyle = Qt.rgba(.4,.6,.8);
             context.path = myPath;
             context.stroke();
         }
     }

This example produces the following path (with the starting point and PathCurve points highlighted in red):

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