Jak utworzyć krzywą kwadratową Beziera

W tym przykładzie pokazano, jak utworzyć krzywą beziera kwadratową. Aby utworzyć krzywą beziera kwadratową, użyj klas PathGeometry, PathFigurei QuadraticBezierSegment.

Przykład

W poniższych przykładach krzywa Beziera kwadratowa jest rysowana od (10,100) do (300,100). Krzywa ma punkt kontrolny (200, 200).

W rozszerzalnym języku znaczników aplikacji (XAML) można użyć składni atrybutów do opisania ścieżki.

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

(Należy pamiętać, że ta składnia atrybutu faktycznie tworzy StreamGeometry, lżejszą wersję PathGeometry. Aby uzyskać więcej informacji, zobacz stronę dotyczącą składni znaczników ścieżki ).

W języku XAML możesz również narysować krzywą beziera kwadratową przy użyciu składni elementu obiektu. Poniższy kod jest odpowiednikiem poprzedniego przykładu XAML.

<Path Stroke="Black" StrokeThickness="1">
  <Path.Data>
    <PathGeometry>
      <PathGeometry.Figures>
        <PathFigureCollection>
          <PathFigure StartPoint="10,100">
            <PathFigure.Segments>
              <PathSegmentCollection>
                <QuadraticBezierSegment Point1="200,200" Point2="300,100" />
              </PathSegmentCollection>
            </PathFigure.Segments>
          </PathFigure>
        </PathFigureCollection>
      </PathGeometry.Figures>
    </PathGeometry>
  </Path.Data>
</Path>

Ten przykład jest częścią większej próbki; Aby zapoznać się z kompletnym przykładem, zobacz przykład Geometries.

Zobacz także

• Utwórz eliptyczny łuk
• Utwórz krzywą Beziera sześcienną