Compartir a través de


Cómo: Crear una curva Bézier cúbica

En este ejemplo se muestra cómo crear una curva Bézier cúbica. Para crear una curva Bézier cúbica, utilice las clases PathGeometry, PathFigure y BezierSegment. Para mostrar la geometría resultante, utilice un elemento Path, o bien utilícelo con GeometryDrawing o DrawingContext. En los ejemplos siguientes, se dibuja una curva Bézier cúbica desde (10, 100) hasta (300, 100). Los puntos de control de la curva son (100, 0) y (200, 200).

Ejemplo

[xaml]

En Extensible Application Markup Language (XAML), puede utilizar la sintaxis de marcado abreviada para describir un trazado.

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

[xaml]

En XAML, puede dibujar también una curva Bézier cúbica mediante etiquetas de objeto. El código siguiente equivale al ejemplo de 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 ejemplo forma parte de un ejemplo más extenso; para obtener el ejemplo completo, vea Geometries Sample.

Vea también

Tareas

Cómo: Crear un arco elíptico

Cómo: Crear un segmento de línea en una clase PathGeometry

Cómo: Crear una curva Bézier cúbica

Cómo: Crear una curva Bézier cuadrática