Partager via


Comment : créer une courbe de Bézier cubique

Mise à jour : novembre 2007

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 est tracée de (10, 100) à (300, 100). Les points de contrôle de la courbe sont (100, 0) et (200, 200).

Exemple

xaml

Dans XAML (Extensible Application Markup Language), 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 y accéder, consultez Géométries, exemple.

Voir aussi

Tâches

Comment : créer un arc elliptique

Comment : créer un LineSegment dans un PathGeometry

Comment : créer une courbe de Bézier cubique

Comment : créer une courbe de Bézier quadratique