Como criar uma curva de bézier cúbica

Este exemplo mostra como criar uma curva de Bezier cúbica. Para criar uma curva de Bezier cúbica, use as classes PathGeometry, PathFigure e BezierSegment. Para exibir a geometria resultante, use um Path elemento ou use-o com um GeometryDrawing ou um DrawingContext. Nos exemplos a seguir, uma curva de Bezier cúbica é desenhada de (10, 100) para (300, 100). A curva tem pontos de controle de (100, 0) e (200, 200).

Exemplo

Em XAML (Extensible Application Markup Language), você pode usar a sintaxe de marcação abreviada para descrever um caminho.

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

No XAML, você também pode desenhar uma curva bezier cúbica usando marcas de objeto. A seguir, é equivalente ao exemplo XAML anterior.

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

Este exemplo faz parte de uma amostra maior; para obter o exemplo completo, consulte o exemplo de geometrias .

Consulte também

• Criar um arco elíptico
• Criar um LineSegment em um PathGeometry
• Criar uma curva de bézier cúbica
• Criar uma curva de bézier quadrático