Compartir a través de


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

En este ejemplo se muestra cómo crear una curva Bézier cuadrática. Para crear una curva Bézier cuadrática, utilice las clases PathGeometry, PathFigure y QuadraticBezierSegment.

Ejemplo

En los ejemplos siguientes, se dibuja una curva Bézier cuadrática desde (10,100) hasta (300,100). El punto de control de la curva es (200,200).

[xaml]

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

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

[xaml]

(Tenga en cuenta que, en realidad, esta sintaxis de atributo crea un objeto StreamGeometry, que es una versión ligera de PathGeometry. Para obtener más información, vea la página Sintaxis de marcado de trazados.)

En XAML, puede dibujar también una curva Bézier cuadrática mediante la sintaxis de elementos 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>
                <QuadraticBezierSegment Point1="200,200" Point2="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 una curva Bézier cúbica