Comment : créer une courbe de Bézier cubique
Cet exemple montre comment créer une courbe de Bézier cubique. Pour créer une courbe de Bézier cubique, utilisez les classes PathGeometry, PathFigure et BezierSegment. Pour afficher la géométrie résultante, utilisez un élément Path ou utilisez-le avec un GeometryDrawing ou un DrawingContext. Dans les exemples suivants, une courbe de Bézier cubique est tracée de (10, 100) à (300, 100). La courbe a des points de contrôle (100, 0) et (200, 200).
Exemple
[xaml]
Dans Extensible Application Markup Language (XAML), vous pouvez utiliser la syntaxe de balise abrégée pour décrire un chemin d'accès.
<Path Stroke="Black" StrokeThickness="1"
Data="M 10,100 C 100,0 200,200 300,100" />
[xaml]
Dans XAML, vous pouvez également tracer une courbe de Bézier cubique à l'aide de balises d'objet. L'exemple suivant est équivalent à l'exemple XAML précédent.
<Path Stroke="Black" StrokeThickness="1">
<Path.Data>
<PathGeometry>
<PathGeometry.Figures>
<PathFigureCollection>
<PathFigure StartPoint="10,100">
<PathFigure.Segments>
<PathSegmentCollection>
<BezierSegment Point1="100,0" Point2="200,200" Point3="300,100" />
</PathSegmentCollection>
</PathFigure.Segments>
</PathFigure>
</PathFigureCollection>
</PathGeometry.Figures>
</PathGeometry>
</Path.Data>
</Path>
Cet exemple est extrait d'un exemple plus complet ; pour l'obtenir, consultez Géométries, exemple.
Voir aussi
Tâches
Comment : créer un arc elliptique
Comment : créer un LineSegment dans un PathGeometry