방법: 클립 영역 만들기

업데이트: 2007년 11월

이 예제에서는 프레임워크 요소의 Clip 영역을 정의하는 방법을 보여 줍니다. 클립을 정의하려면 Geometry(예: EllipseGeometry)를 사용하여 요소의 Clip 속성을 설정합니다. 기하 도형 영역 내에 있는 영역만 표시됩니다.

예제

다음 예제에서는 정의된 클립 영역이 없는 Image 요소를 보여 줍니다. 클립 영역을 정의하지 않았으므로 전체 이미지가 표시됩니다.

<Image Source="sampleImages\Waterlilies.jpg" 
  Width="200" Height="150" HorizontalAlignment="Left" />

클립 영역이 없는 이미지

다음 예제에서는 정의된 클립 영역이 있다는 것만 제외하면 동일한 이미지를 생성합니다. 영역 내에 있는 이미지 부분만 EllipseGeometry가 표시됩니다.

<Image 
  Source="sampleImages\Waterlilies.jpg" 
  Width="200" Height="150" HorizontalAlignment="Left">
  <Image.Clip>
    <EllipseGeometry
      RadiusX="100"
      RadiusY="75"
      Center="100,75"/>
  </Image.Clip>
</Image>

타원형 클립 영역이 있는 이미지

참고 항목

작업

방법: 이미지 잘라내기