Condividi tramite

Procedura: Creare una curva di Bézier cubica

  • Articolo

Questo esempio illustra come creare una curva di Bézier cubica. Per creare una curva di Bézier cubica, usare le classi PathGeometry, PathFiguree BezierSegment. Per visualizzare la geometria risultante, usare un elemento Path oppure usarlo con un GeometryDrawing o un 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. Il seguente è 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 campione più ampio; per l'esempio completo, vedere l'esempio di geometrie .

Vedere anche