通过

如何：创建剪辑区域

  • 项目

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

带有椭圆型的剪辑区域的图像

经过剪辑的对象

请参见

任务

如何：裁剪图像