Partager via


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

Cet exemple montre comment créer une courbe de Bézier quadratique. Pour créer une courbe de Bézier quadratique, utilisez les classes PathGeometry, PathFigure et QuadraticBezierSegment.

Exemple

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

[xaml]

Dans Extensible Application Markup Language (XAML), 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" />

[xaml]

(Notez que cette syntaxe d'attribut crée en fait un StreamGeometry, version allégée d'un PathGeometry. Pour plus d'informations, consultez la page Syntaxe XAML pour les tracés.)

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