Cómo: Crear una curva Bézier cuadrática
Actualización: noviembre 2007
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 Lenguaje de marcado de aplicaciones extensible (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 Ejemplo Geometries.