Compartir a través de

Cómo: Dibujar una elipse o un círculo

  • Artículo

En este ejemplo se muestra cómo dibujar elipses y círculos mediante el elemento Ellipse. Para dibujar una elipse, cree un elemento Ellipse y especifique sus valores Width y Height. Utilice su propiedad Fill para especificar que Brush se utiliza para pintar el interior de la elipse. Utilice su propiedad Stroke para especificar que Brush se usa 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 el Width y el Height del elemento Ellipse sean iguales entre sí.

En el ejemplo siguiente se dibujan cuatro elementos Ellipse dentro de un 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 Canvas para contener las elipses, puede usar elementos de elipse (y todos los demás elementos de forma) 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, consulte Ejemplo de elementos de forma.

Vea también