Freigeben über

Gewusst wie: Erstellen einer quadratischen Bézierkurve

  • Artikel

Aktualisiert: November 2007

Dieses Beispiel zeigt, wie Sie eine quadratische Bézierkurve erstellen. Um eine quadratische Bézierkurve zu erstellen, verwenden Sie die Klassen PathGeometry, PathFigure und QuadraticBezierSegment.

Beispiel

In den folgenden Beispielen wird von den Koordinaten (10,100) bis (300,100) eine quadratische Bézierkurve gezeichnet. Die Kurve verfügt bei (200,200) über einen Kontrollpunkt.

xaml

In Extensible Application Markup Language (XAML) können Sie zum Beschreiben eines Pfads die Attributsyntax verwenden.

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

xaml

(Beachten Sie, dass mithilfe dieser Attributsyntax eigentlich eine StreamGeometry erstellt wird, bei der es sich um eine vereinfachte Version von PathGeometry handelt. Weitere Informationen finden Sie auf der Seite Pfadmarkupsyntax.)

In XAML können Sie eine quadratische Bézierkurve auch zeichnen, indem Sie die Objektelementsyntax verwenden. Das folgende Beispiel entspricht dem vorhergehenden XAML-Beispiel.

<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>

Dieses Beispiel ist Teil eines größeren Beispiels. Das vollständige Beispiel finden Sie unter Beispiele zu Geometrie.

Siehe auch

Aufgaben

Gewusst wie: Erstellen eines elliptischen Bogens

Gewusst wie: Erstellen einer kubischen Bézierkurve