代码改变世界

Silverlight图片处理——Deep Zoom Composer

2010-12-01 20:49  王祖康  阅读(3421)  评论(2编辑  收藏  举报

Silverlight图片处理——Deep Zoom Composer

首先我们来说说深度缩放吧!深度缩放能够根据我们的需求按照任意比例缩小或者放大图片,从而达到我们想要的效果。深度缩放和HTML缩略图最大不同之处在于,深度缩放所显示的图片比例并不仅限于缩略图和分辨率,而是完全根据用户操作呈现。我们可以把一张图片缩小到完全消失,也可以把图片放大足够的大的程度。

如果我们想在动手实现这个功能之前看看这些效果到底是如何炫,Silverlight官方给我们推荐一个示例网站(http://memorabilia.hardrock.com/)。

为了实现深度缩放功能,我们需要下载一个辅助软件Deep ZoomComposer。运行Deep ZoomComposer后,我们可以看到欢迎界面如图:

 

然后我们点击New Project,将会出现以下界面:

 

输入名称和保存路径,点击OK。

然后我们在Import选项卡中点击Add Image按钮,通过浏览找到我们想要的图片。

 

之后我们点击Compose选项卡,将我们之前找到的图片拖到中间的工作区域。然后点击Export选项卡,这里出现两个选项卡。

 

在这里我们选着Custom选项卡,出现如下界面。

 

在这里我们可以进行Output type,Name,Location等的设置,我们可以点击Preview进行预览以下,体验以下深度缩放的效果。点击Export后,我们建立的项目会根据我们设置的组合样式自动导出图片。

导出后出现如下效果:

 

这里我们点击ImageFolder可以查看到我们导出的图片文件。

到这里我们用Deep Zoom Composer做的一个简单项目已经完成了。