Freigeben über

Anleitung: Erstellung einer kubischen Bézierkurve

  • Artikel

In diesem Beispiel wird gezeigt, wie Sie eine kubische Bézierkurve erstellen. Um eine kubische Bézierkurve zu erstellen, verwenden Sie die Klassen PathGeometry, PathFigureund BezierSegment. Verwenden Sie zum Anzeigen der resultierenden Geometrie ein Path-Element, oder verwenden Sie es zusammen mit einem GeometryDrawing- oder einem DrawingContext-Element. 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