Silverlight开发历程—（Clip裁剪特效）

最新推荐文章于 2012-07-21 21:07:48 发布

原创最新推荐文章于 2012-07-21 21:07:48 发布 · 2.4k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#silverlight #image

Silverlight 4.0 开发学习历程专栏收录该内容

35 篇文章

订阅专栏

本文展示了如何在Silverlight中应用裁剪特效，并通过代码实例详细解释了裁剪过程，包括使用椭圆几何和路径几何来实现不同的裁剪效果。

Clip裁剪特效

裁剪特效（Clip），允许对Silverlight元素进行裁剪，裁剪形状由Clip属性内包含的Geometry决定，下面直接上代码：

<StackPanel x:Name="LayoutRoot" Orientation="Horizontal" Background="White">
        <!--原图-->
        <Image Source="../images/Silverlight.jpg" Width="340" Height="217">
        </Image>
        <!--声明Clip属性的位图-->
        <Image Source="../images/Silverlight.jpg" Width="340" Height="217">
            <Image.Clip>
                <EllipseGeometry RadiusX="100" RadiusY="100" Center="200,100">
                </EllipseGeometry>
            </Image.Clip>
        </Image>
        <Image Source="../images/Silverlight.jpg" Width="340" Height="217">
            <Image.Clip>
                <PathGeometry>
                    <!-- 指明是闭线条并且指定起始位置-->
                    <PathFigure IsClosed="True" StartPoint="50,50">
                        <LineSegment Point="10,150" />
                        <LineSegment Point="150,75" />
                        <LineSegment Point="10,75" />
                        <LineSegment Point="150,150" />
                    </PathFigure>
                </PathGeometry>
            </Image.Clip>
        </Image>
    </StackPanel>

运行结果：

两个裁剪效果