您的位置:知识库 » .NET技术

一步一步学Silverlight :图形图像综合实例---实现水中倒影效果

作者: TerryLee  来源: 博客园  发布时间: 2008-10-09 10:45  阅读: 15937 次  推荐: 0   原文链接   [收藏]  

Step 6:斜化倒影

我们对倒影做进一步的斜化,而不是垂直倒影,使用SkewTransform来实现,并重新调整倒影位置:

<Canvas Background="#000000">
    <Image Canvas.Top="20" Canvas.Left="182" Source="a.png">
    </Image>
    <Image Canvas.Top="20" Canvas.Left="182" Source="a.png">
        <Image.RenderTransform>
            <TransformGroup>
                <ScaleTransform ScaleY="-0.75"></ScaleTransform>
                <SkewTransform AngleX="-15"></SkewTransform>
                <TranslateTransform Y="280" X="-30"></TranslateTransform>
            </TransformGroup>
        </Image.RenderTransform>
        <Image.OpacityMask>
            <LinearGradientBrush StartPoint="0.5,0.0" EndPoint="0.5,1.0">
                <GradientStop Offset="0.0" Color="#00000000" />
                <GradientStop Offset="1.0" Color="#FF000000" />
            </LinearGradientBrush>
        </Image.OpacityMask>
    </Image>
</Canvas>

运行后效果应该如下所示:

TerryLee_Silverlight2_0161 

0
0

.NET技术热门文章

    .NET技术最新文章

      最新新闻

        热门新闻