Creating an Ellipse

The Ellipse element in XAML creates an ellipse shape. The following code snippet creates an ellipse by setting its width and height properties to 200 and 100 respectively. The code also sets the black stroke of width 4. 

<Ellipse
    Width="200"
    Height="100"
    Fill="Blue"
    Stroke="Black"
    StrokeThickness="4" />

The output looks like Figure 7.

Figure 7. An Ellipse

The CreateAnEllipse method listed in Listing 8 draws same rectangle in Figure 7 dynamically.
/// <summary>
/// Creates a blue ellipse with black border
/// </summary>
public void CreateAnEllipse()
{
    // Create an Ellipse
    Ellipse blueRectangle = new Ellipse();
    blueRectangle.Height = 100;
    blueRectangle.Width = 200;

    // Create a blue and a black Brush
    SolidColorBrush blueBrush = new SolidColorBrush();
    blueBrush.Color = Colors.Blue;
    SolidColorBrush blackBrush = new SolidColorBrush();
    blackBrush.Color = Colors.Black;

    // Set Ellipse's width and color
    blueRectangle.StrokeThickness = 4;
    blueRectangle.Stroke = blackBrush;
    // Fill rectangle with blue color
    blueRectangle.Fill = blueBrush;

    // Add Ellipse to the Grid.
    LayoutRoot.Children.Add(blueRectangle);
}

Listing 7

A circle is an ellipse with an equal width and height. If you set both width and height to 200 in the above code listed in Listing 7, it will generate a circle.