PathCurve

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 2.0

 Canvas {
     width: 400; height: 200

     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):

[Missing image declarative-pathcurve.png]

See also Path, PathLine, PathQuad, PathCubic, PathArc, and PathSvg.

Property Documentation