Como desenhar uma elipse ou um círculoHow to: Draw an Ellipse or a Circle

Este exemplo mostra como desenhar elipses e círculos usando o Ellipse elemento.This example shows how to draw ellipses and circles by using the Ellipse element. Para desenhar uma elipse, crie um Ellipse elemento e especifique seu Width e Height.To draw an ellipse, create an Ellipse element and specify its Width and Height. Use seu Fill propriedade para especificar o Brush que é usado para pintar o interior da elipse.Use its Fill property to specify the Brush that is used to paint the interior of the ellipse. Use seu Stroke propriedade para especificar o Brush que é usado para pintar o contorno da elipse.Use its Stroke property to specify the Brush that is used to paint the outline of the ellipse. O StrokeThickness propriedade especifica a espessura da elipse.The StrokeThickness property specifies the thickness of the ellipse outline.

Para desenhar um círculo, faça o Width e Height do Ellipse elemento igual ao outro.To draw a circle, make the Width and Height of the Ellipse element equal to each other.

O exemplo a seguir desenha quatro Ellipse elementos dentro de um Canvas.The following example draws four Ellipse elements within a Canvas.

ExemploExample

<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>

Embora este exemplo usa um Canvas para conter as elipses, você pode usar elementos de elipse (e todos os outros elementos de forma) com qualquer Panel ou Control que dá suporte a conteúdo não texto.Although this example uses a Canvas to contain the ellipses, you can use ellipse elements (and all the other shape elements) with any Panel or Control that supports non-text content.

Este exemplo faz parte de um exemplo maior; para ver o exemplo completo, consulte o Exemplo de elementos de forma.This example is part of a larger sample; for the complete sample, see Shape Elements Sample.

Consulte tambémSee Also

Ellipse
Shape
Exemplo de elementos de formaShape Elements Sample