방법: 타원 또는 원 그리기

업데이트: 2007년 11월

이 예제에서는 Ellipse 요소를 사용하여 타원 및 원을 그리는 방법을 보여 줍니다. 타원을 그리려면 Ellipse 요소를 만들고 이 요소의 Width 및 Height를 지정합니다. 타원 내부를 칠하는 데 사용할 Brush를 지정하려면 이 요소의 Fill 속성을 사용합니다. 타원의 윤곽선을 칠하는 데 사용할 Brush를 지정하려면 이 요소의 Stroke 속성을 사용합니다. StrokeThickness 속성은 타원 윤곽선의 두께를 지정합니다.

원을 그리려면 Ellipse 요소의 Width 및 Height를 서로 동일하게 지정합니다.

다음 예제에서는 Canvas 안에 네 개의 Ellipse 요소를 그립니다.

예제

<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을 타원 요소뿐만 아니라 기타 모든 도형 요소와 함께 사용할 수 있습니다.

이 예제는 보다 큰 샘플의 일부입니다. 전체 샘플은 Shape 요소 샘플을 참조하십시오.

참고 항목

작업

Shape 요소 샘플

참조

Ellipse

Shape