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

  • Article

Cet exemple montre comment créer une courbe bezier cubique. Pour créer une courbe bezier cubique, utilisez les classes et BezierSegment les PathGeometryPathFigureclasses. Pour afficher la géométrie résultante, utilisez un Path élément 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 exemple plus vaste ; pour l’exemple complet, consultez Géométries, exemple.

Voir aussi