방법: Polygon 요소를 사용하여 닫힌 도형 그리기

업데이트: 2007년 11월

이 예제에서는 Polygon 요소를 사용하여 닫힌 도형을 그리는 방법을 보여 줍니다. 닫힌 도형을 그리려면 Polygon 요소를 만든 다음 요소의 Points 속성을 사용하여 도형의 꼭지점을 지정합니다. 첫 번째 점과 마지막 점을 연결하는 선이 자동으로 그려집니다. 마지막으로 Fill이나 Stroke를 지정하거나 둘 모두를 지정합니다.

예제

XAML(Extensible Application Markup Language)에서 점에 유효한 구문은 x, y 좌표 쌍의 공백으로 구분된 목록입니다.

<Canvas Height="300" Width="300">

  <!-- Draws a triangle with a blue interior. -->
  <Polygon Points="10,110 60,10 110,110" 
    Fill="Blue" />

  <!-- Draws a triangle with a blue interior and a black outline. 
       The Canvas.Top setting moves the Polygon down 150 pixels. -->
  <Polygon Points="10,110 60,10 110,110"
    Fill="Blue"
    Stroke="Black" StrokeThickness="4"
    Canvas.Top="150" />

  <!-- Draws another triangle with a blue interior.
       The Canvas.Left setting moves the Polygon 150 pixels to the right. -->
  <Polygon Points="10,110 110,110 110,10"
    Fill="Blue"
    Canvas.Left="150" />

  <!-- Draws a triangle with a black outline. 
       The Canvas.Left and Canvas.Top settings move 
       the Polygon down 150 pixels and 150 pixels to the right.-->
  <Polygon Points="10,110 110,110 110,10"
    Stroke="Black" StrokeThickness="4"
    Canvas.Left="150" Canvas.Top="150" />  


</Canvas>

이 예제에서는 Canvas를 사용하여 다각형을 포함하지만 텍스트 이외의 콘텐츠를 지원하는 Panel 또는 Control과 함께 다각형 요소 및 다른 도형 요소를 사용할 수도 있습니다.

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