Gewusst wie: Erstellen einer kubischen Bézierkurve

  • Artikel

In diesem Beispiel wird gezeigt, wie eine kubische Bézierkurve erstellt wird. 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 es mit einem GeometryDrawing oder einem DrawingContext. In den folgenden Beispielen wird eine kubische Bézierkurve von (10, 100) bis (300, 100) gezeichnet. Die Kurve hat Kontrollpunkte (100, 0) und (200, 200).

Beispiel

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" />

In XAML können Sie auch eine kubische Bézierkurve mithilfe von Objekttags 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 Beispiel für Geometrien.

Weitere Informationen