Gewusst wie: Erstellen einer quadratischen Bézierkurve

  • Artikel

An diesem Beispiel wird gezeigt, wie eine quadratische Bézierkurve erstellt wird. Um eine quadratische Bézierkurve zu erstellen, verwenden Sie die Klassen PathGeometry, PathFigure und QuadraticBezierSegment.

Beispiel

In den folgenden Beispielen wird eine kubische Bézierkurve von (10,100) bis (300,100) gezeichnet. Die Kurve weist einen Kontrollpunkt von (200,200) auf.

In XAML (Extensible Application Markup Language) können Sie Attributsyntax verwenden, um einen Pfad zu beschreiben.

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

(Beachten Sie, dass diese Attributsyntax tatsächlich eine StreamGeometry-Klasse erstellt, eine leichtere Version einer PathGeometry-Klasse. Weitere Informationen finden Sie auf der Seite Pfadmarkierungssyntax.)

In XAML können Sie eine quadratische Bézierkurve auch mithilfe der Objektelementsyntax zeichnen. 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 Beispiel für Geometrien.

Weitere Informationen