WEB开发网
开发学院图形图像Flash 学Silverlight 2系列(31):图形图像综合实例—实... 阅读

学Silverlight 2系列(31):图形图像综合实例—实现水中倒影效果

 2008-10-03 11:38:14 来源:WEB开发网   
核心提示:本文示例源代码或素材下载 概述Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,学Silverlight 2系列(31):图形图像综合实例—实现水中倒影效果,如支持框架语言Visual Basic, Visual C#, IronRuby, Iron

本文示例源代码或素材下载

概述

Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython,对JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步学Silverlight 2系列》文章将从Silverlight 2基础知识、数据与通信、自定义控件、动画、图形图像等几个方面带您快速进入Silverlight 2开发。

本文将综合前面几篇关于图形图像处理的技术,如画刷、半透明遮罩、Transform等,实现一个水中倒影效果的示例。

Step 1:素材准备

最终我们实现的效果图将会如下所示:

学Silverlight 2系列(31):图形图像综合实例—实现水中倒影效果

先准备一张图片,这里我使用了一张液晶显示器的图片:)

学Silverlight 2系列(31):图形图像综合实例—实现水中倒影效果

Step 2:创建图片

首先我们创建一个图片,使用Image控件,并进行定位

<Canvas Background="#000000">
  <Image Canvas.Top="20" Canvas.Left="182" Source="a.png">
  </Image>
</Canvas>

运行后应该看起来如下所示:

学Silverlight 2系列(31):图形图像综合实例—实现水中倒影效果 

1 2 3 4 5  下一页

Tags:Silverlight 系列 图形图像

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接