Gewusst wie: Erstellen einer quadratischen Bézierkurve

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 gehört zu einem größeren Beispiel. Das vollständige Beispiel finden Sie unter Geometries Sample.

Siehe auch

Aufgaben

Gewusst wie: Erstellen eines elliptischen Bogens

Gewusst wie: Erstellen einer kubischen Bézierkurve