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

  • Article

Cet exemple montre comment créer une courbe de Bezier quadratique. Pour créer une courbe de Bezier quadratique, utilisez les classes et QuadraticBezierSegment les PathGeometryPathFigureclasses.

Exemple

Dans les exemples suivants, une courbe de Bezier quadratique est tirée de (10 100) à (300 100). La courbe a un point de contrôle de (200 200).

Dans XAML (Extensible Application Markup Language), vous pouvez utiliser la syntaxe d’attribut pour décrire un chemin d’accès.

<Path Stroke="Black" StrokeThickness="1" 
  Data="M 10,100 Q 200,200 300,100" />

(Notez que cette syntaxe d’attribut crée en fait une StreamGeometryversion plus légère d’un PathGeometry. Pour plus d’informations, consultez la page Syntaxe du balisage de chemin d’accès.)

En XAML, vous pouvez également dessiner une courbe de Bezier quadratique à l’aide de la syntaxe de l’élément 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>
                <QuadraticBezierSegment Point1="200,200" Point2="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