Freigeben über

Vorgehensweise: Erstellen einer quadratischen Bézierkurve

  • Artikel

In diesem Beispiel wird gezeigt, wie Sie eine quadratische Bézierkurve erstellen. Um eine quadratische Bézierkurve zu erstellen, verwenden Sie die klassen PathGeometry, PathFigureund QuadraticBezierSegment.

Beispiel

In den folgenden Beispielen wird eine quadratische Bézierkurve von (10.100) bis (300.100) gezeichnet. Die Kurve hat einen Kontrollpunkt von (200.200).

In Extensible Application Markup Language (XAML) 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 einfachere Version einer PathGeometry-Klasse. Weitere Informationen finden Sie auf der Seite Pfadmarkupsyntax.

In XAML können Sie auch eine quadratische Bézierkurve mithilfe der Objektelementsyntax zeichnen. Das folgende Beispiel entspricht dem vorherigen 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 einer größeren Stichprobe; Das vollständige Beispiel finden Sie im Geometries Sample.

Weitere Informationen