Практическое руководство. Рисование эллипса или круга

Обновлен: Ноябрь 2007

В данном примере демонстрируется рисование эллипсов и кругов с помощью элемента Ellipse. Чтобы нарисовать эллипс, необходимо создать элемент Ellipse и задать значения его свойств Width и Height. Для указания объекта Brush, используемого для рисования внутренней части эллипса, необходимо использовать свойство Fill. Для указания объекта Brush, используемого для рисования контура эллипса, необходимо использовать свойство Stroke. Свойство StrokeThickness задает толщину контура эллипса.

Чтобы нарисовать круг, значения свойств Width и Height элемента Ellipse должны быть одинаковыми.

В следующем примере рисуется четыре элемента Ellipse внутри объекта Canvas.

Пример

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

Хотя данный пример для хранения эллипсов использует элемент управления Canvas, можно использовать элементы эллипсов (и все остальные элементы фигур) с любым из элементов управления Panel или Control, поддерживающих нетекстовое содержимое.

Этот пример является частью полного примера; полный пример содержится в разделе Пример элементов геометрических фигур.

См. также

Задачи

Пример элементов геометрических фигур

Ссылки

Ellipse

Shape