Cómo: Crear una curva bezier cuadrática

En este ejemplo se muestra cómo crear una curva Bezier cuadrática. Para crear una curva Bezier cuadrática, use las PathGeometryclases , PathFigurey QuadraticBezierSegment .

Ejemplo

En los ejemplos siguientes, se dibuja una curva bezier cuadrática de (10 1000) a (300 100). La curva tiene un punto de control de (200 200).

En Extensible Application Markup Language (XAML), puedes usar la sintaxis de atributo para describir una ruta de acceso.

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

(Tenga en cuenta que esta sintaxis de atributo realmente crea una versión de peso más ligero de StreamGeometry, PathGeometry. Para obtener más información, vea la página Sintaxis de marcado de ruta de acceso).

En XAML, también puedes dibujar una curva Bezier cuadrática mediante la sintaxis del elemento de objeto. Lo siguiente es equivalente al ejemplo 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 del ejemplo más grande; para obtener el ejemplo completo, consulte el ejemplo de geometrías.

Consulte también

• Creación de un arco elíptico
• Crear una curva Bézier cúbica