WPF：Graphics绘图--Geometrics几何图形--ClipRegion裁剪区域

ClipRegion裁剪区域

实现效果：

1. 对图片裁剪
2. 创建区域动画变化

关键词：

1. UIElement.Clip
2. Storyboard.TargetProperty="(EllipseGeometry.Center)"

中心点变换位置动画xaml：

<Image.Clip>
      <EllipseGeometry x:Name="MyEllipseGeometry1"
        RadiusX="100"
        RadiusY="75"
        Center="100,75"/>
    </Image.Clip>
    <Image.Triggers>
      <EventTrigger RoutedEvent="Image.Loaded">
        <BeginStoryboard>
          <Storyboard>
            <PointAnimation 
              Storyboard.TargetName="MyEllipseGeometry1" 
              Storyboard.TargetProperty="(EllipseGeometry.Center)"
              From="0,0" To="200,150" Duration="0:0:3" RepeatBehavior="Forever" 
              AutoReverse="True" />
            </Storyboard>
        </BeginStoryboard>
      </EventTrigger>
    </Image.Triggers>
  </Image> 

扩展：

1. ScaleTransform不能使用在几何图形上，因为几何图形不继承UIElement，也无UIElement.RenderTransformOrigin，故不能通过变换几何图形的大小来对动画裁剪区域 。