Freigeben über

Gewusst wie: Erstellen einer kubischen Bézierkurve

  • Artikel

Aktualisiert: November 2007

Dieses Beispiel zeigt, wie Sie eine kubische Bézierkurve erstellen. Um eine kubische Bézierkurve zu erstellen, verwenden Sie die Klassen PathGeometryPathFigure, und BezierSegment. Um die resultierende Geometrie anzuzeigen, verwenden Sie ein Path-Element, oder verwenden Sie eine GeometryDrawing oder einen DrawingContext. In den folgenden Beispielen wird von den Koordinaten (10, 100) bis (300, 100) eine kubische Bézierkurve gezeichnet. Die Kurve verfügt bei (100, 0) und (200, 200) über Kontrollpunkte.

Beispiel

xaml

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

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

xaml

In XAML können Sie auch mit Objekttags eine kubische Bézierkurve 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>
                <BezierSegment Point1="100,0" Point2="200,200" Point3="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 eines LineSegment in einer PathGeometry

Gewusst wie: Erstellen einer kubischen Bézierkurve

Gewusst wie: Erstellen einer quadratischen Bézierkurve