Compartir a través de

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

En este ejemplo se muestra cómo dibujar puntos suspensivos y círculos mediante el Ellipse elemento . Para dibujar una elipse, cree un Ellipse elemento y especifique sus Width valores y Height. Utilice su Fill propiedad para especificar que Brush se utiliza para pintar el interior de la elipse. Utilice su Stroke propiedad para especificar que Brush se usa para pintar el contorno de la elipse. La StrokeThickness propiedad especifica el grosor del contorno de la elipse.

Para dibujar un círculo, haga que Width y Height del elemento Ellipse sean iguales entre sí.

En el ejemplo siguiente se dibujan cuatro Ellipse elementos 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 un Canvas para contener los puntos suspensivos, puede usar elementos de elipse (y todos los demás elementos de forma) con cualquier Panel o Control que admita contenido que no sea de texto.

Este ejemplo forma parte de un ejemplo mayor; para obtener el ejemplo completo, vea Ejemplo de elementos de forma.

Consulte también