Udostępnij za pośrednictwem

Jak utworzyć krzywą Beziera drugiego stopnia

  • Artykuł

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

Przykład

W poniższych przykładach krzywa Beziera kwadratowego jest pobierana z (10 100) do (300 100). Krzywa ma punkt kontrolny (200 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ę elementu PathGeometry. Aby uzyskać więcej informacji, zobacz stronę Składnia 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 też