Partager via

Comment créer une courbe de Bézier cubique

Cet exemple montre comment créer une courbe bezier cubique. Pour créer une courbe bezier cubique, utilisez les classes PathGeometry, PathFigureet 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 Bezier cubique est dessinée de (10, 100) à (300, 100). La courbe a des points de contrôle (100, 0) et (200, 200).

Exemple :

Dans XAML (Extensible Application Markup Language), vous pouvez utiliser la syntaxe de balisage 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" />

En XAML, vous pouvez également dessiner une courbe bezier cubique à l’aide de balises d’objet. Voici l’équivalent de 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 fait partie d'un échantillon plus vaste ; pour obtenir l'échantillon complet, consultez l’échantillon de géométries .

Voir aussi