Condividi tramite

Procedura: creare una curva di Bezier cubica

  • Articolo

Questo esempio illustra come creare una curva di Bézier cubica. Per creare una curva di Bézier cubica, usare le PathGeometryclassi , PathFiguree BezierSegment . Per visualizzare la geometria risultante, usare un Path elemento o usarlo con un GeometryDrawing oggetto o .DrawingContext Negli esempi seguenti una curva di Bézier cubica viene disegnata da (10, 100) a (300, 100). La curva ha punti di controllo (100, 0) e (200, 200).

Esempio

In XAML (Extensible Application Markup Language) puoi usare la sintassi di markup abbreviata per descrivere un percorso.

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

In XAML puoi anche disegnare una curva di Bézier cubica usando i tag oggetto. Di seguito è equivalente all'esempio XAML precedente.

<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>

Questo esempio fa parte di un esempio più esaustivo. Per l'esempio completo, vedere la pagina Geometries Sample (esempio di geometrie).

Vedi anche