Gewusst wie: Erstellen einer kubischen Bézierkurve

Dieses Beispiel zeigt, wie Sie eine kubische Bézierkurve erstellen. Um eine kubische Bézierkurve zu erstellen, verwenden Sie die Klassen PathGeometry PathFigure, 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 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 eines LineSegment in einer PathGeometry

Gewusst wie: Erstellen einer kubischen Bézierkurve

Gewusst wie: Erstellen einer quadratischen Bézierkurve