Cómo: Dibujar una elipse o un círculo
Actualización: noviembre 2007
Este ejemplo muestra cómo dibujar elipses y círculos utilizando el elemento Ellipse. Para dibujar una elipse, cree un elemento Ellipse y especifique su Width y Height. Utilice su propiedad Fill para especificar el objeto Brush que se utiliza para pintar el interior de la elipse. Utilice su propiedad Stroke para especificar el objeto Brush que se utiliza para pintar el contorno de la elipse. La propiedad StrokeThickness especifica el grosor del contorno de la elipse.
Para dibujar un círculo, haga que los valores Width y Height del elemento Ellipse sean iguales entre sí.
El ejemplo siguiente dibuja cuatro elementos Ellipse dentro de un objeto Canvas.
Ejemplo
<Canvas Height="200" Width="200">
<!-- Draws an oval with a blue interior. -->
<Ellipse
Width="100"
Height="50"
Fill="Blue"
Canvas.Left="10"
Canvas.Top="25" />
<!-- Draws an oval with a blue interior and a black outline. -->
<Ellipse
Width="100"
Height="50"
Fill="Blue"
Stroke="Black"
StrokeThickness="4"
Canvas.Left="10"
Canvas.Top="100"/>
<!-- Draws a circle with a blue interior. -->
<Ellipse
Width="50"
Height="50"
Fill="Blue"
Canvas.Left="135"
Canvas.Top="25"/>
<!-- Draws a circle with a blue interior and a black outline. -->
<Ellipse
Width="50"
Height="50"
Stroke="Black"
StrokeThickness="4"
Canvas.Left="135"
Canvas.Top="100" />
</Canvas>
Aunque en este ejemplo se usa un Canvas para contener las elipses, puede usar elementos de elipse (y todos los demás elementos de formas) con cualquier Panel o Control que admita contenido que no sea texto.
Este ejemplo forma parte de un ejemplo más extenso; para obtener el ejemplo completo, vea Ejemplo Shape Elements.