Compartir a través de


Cómo: Crear un arco elíptico

Actualización: noviembre 2007

En este ejemplo se muestra cómo dibujar un arco elíptico. Para crear un arco elíptico, utilice las clases PathGeometry, PathFigure y ArcSegment.

Ejemplo

En el ejemplo siguiente, se dibuja un arco elíptico desde (10,100) hasta (200,100). Para este arco, el valor de Size de 100 por 50 píxeles independientes del dispositivo, el valor de RotationAngle es de 45 grados, la propiedad IsLargeArc se establece en true y la propiedad SweepDirection se establece en Counterclockwise.

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 A 100,50 45 1 0 200,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, consulte la página Sintaxis de marcado de trazados.)

En XAML, también puede dibujar un arco elíptico utilizando explícitamente las etiquetas de objeto. El código siguiente es equivalente al marcado XAML anterior.

<Path Stroke="Black" StrokeThickness="1">
  <Path.Data>
    <PathGeometry>
      <PathGeometry.Figures>
        <PathFigureCollection>
          <PathFigure StartPoint="10,100">
            <PathFigure.Segments>
              <PathSegmentCollection>
                <ArcSegment Size="100,50" RotationAngle="45" IsLargeArc="True" SweepDirection="CounterClockwise" Point="200,100" />
              </PathSegmentCollection>
            </PathFigure.Segments>
          </PathFigure>
        </PathFigureCollection>
      </PathGeometry.Figures>
    </PathGeometry>
  </Path.Data>
</Path>

Este ejemplo forma parte de un ejemplo mayor. Para obtener el ejemplo completo, consulte Ejemplo Geometries.

Vea también

Tareas

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

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