Udostępnij za pośrednictwem

Jak stworzyć sześcienną krzywą Béziera

  • Artykuł

W tym przykładzie pokazano, jak utworzyć krzywą beziera sześcienną. Aby utworzyć krzywą beziera sześcienną, użyj klas PathGeometry, PathFigurei BezierSegment. Aby wyświetlić wynikową geometrię, użyj elementu Path lub użyj go z GeometryDrawing lub DrawingContext. W poniższych przykładach sześcienna krzywa Béziera jest rysowana od (10, 100) do (300, 100). Krzywa ma punkty kontrolne (100, 0) i (200, 200).

Przykład

W języku Extensible Application Markup Language (XAML) można użyć skróconej składni znaczników do opisania ścieżki.

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

W języku XAML można również narysować krzywą beziera sześcienną przy użyciu tagów obiektów. 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>
                <BezierSegment Point1="100,0" Point2="200,200" Point3="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ż