Freigeben über

Wie erstelle ich eine kubische Bézierkurve?

In diesem Beispiel wird gezeigt, wie Sie eine kubische Bézierkurve erstellen. Verwenden Sie zum Erstellen einer kubischen Bézierkurve 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 weist Kontrollpunkte von (100, 0) und (200, 200) auf.

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 mit Objekttags 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>
                <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 einer größeren Stichprobe; Das vollständige Beispiel finden Sie im Geometries Sample.

Siehe auch