Share via

HOW TO：建立裁剪區域

  • 發行項

更新：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>

具有橢圓形裁剪區域的影像

裁剪後的物件

請參閱

工作

HOW TO：裁剪影像