如何在Silverlight中使用Deep Zoom

Deep Zoom 使您能够快速缩放和平移高分辨率图像。Deep Zoom 可以使用多分辨率图像来实现上述功能。

本主题演示如何创建使用 Deep Zoom 的非常简单的 Silverlight 应用程序。

若要查看此应用程序的运行示例,请单击下面的链接。

http://samples.msdn.microsoft.com/Silverlight/SampleBrowser/index.htm#/?

sref=DeepZoomSimpleZoom

创建 Deep Zoom 图像

一个 Deep Zoom 图像由多个不同分辨率的 JPEG 或 PNG 图像的图块组成,这些图块构成一个"图像棱锥图"。创建 Deep Zoom 图像的最佳方式是使用 Deep Zoom Composer 之类的工具。

创建 Deep Zoom 图像

1.下载和安装 Deep Zoom Composer。

2.启动 Deep Zoom Composer 并创建一个新项目。

3.在"导入"工作区中,单击"添加图像"并向项目添加一个高分辨率图像。

4.单击"组合"工作区。

5.在"图像"选项卡上,将图像拖到图形板上。

6.按需要调整图像大小。

7.单击"导出"工作区。

8.单击"自定义"选项卡。

9.在"输出类型"部分,选择"Silverlight Deep Zoom"。

10.在"名称"框中,键入 dzc_output。

11.在"位置"框中,指定位置。

12.在"图像设置"部分,选择"导出为组合(单个图像)"。

13.让其他设置保留其默认值。

14.单击"导出"按钮以导出 Deep Zoom 图像文件。

加载 Deep Zoom 图像

--------------------------------------------------------------------------------

时间: 2024-10-06 11:13:36

如何在Silverlight中使用Deep Zoom的相关文章

艾伟:Silverlight 2中实现Deep Zoom

概述 对于Deep Zoom想必大家都已经不陌生了,在Silverlight 2 Beta 1时已经提供了支持,并且提供了相应的工具Deep Zoom Composer.Silverlight 2 Beta 2中对于Deep Zoom又有了很大的改进,现在支持基于XML的DeepZoom集合的Manifest文件,Beta2还对DeepZoom加了可扩展的MultiScaleTileSource支持,更新之后的Deep Zoom Composer可以使我们不用编写一行代码直接可视化的生成Deep

Silverlight 2中实现Deep Zoom

概述 对于Deep Zoom想必大家都已经不陌生了,在Silverlight 2 Beta 1时已经提供了支持,并且提供了相 应的工具Deep Zoom Composer.Silverlight 2 Beta 2中对于Deep Zoom又有了很大的改进,现在支持基 于XML的DeepZoom集合的Manifest文件,Beta2还对DeepZoom加了可扩展的MultiScaleTileSource支持,更 新之后的Deep Zoom Composer可以使我们不用编写一行代码直接可视化的生成D

学Silverlight 2系列(20):如何在Silverlight中与HTML DOM交互(下)

Silverlight中内置了对于HTML.客户端脚本等的支持,本文为如何在 Silverlight 2中与HTML DOM交互第二部分.在第一部分中主要介绍了如何访问 和修改已有的HTML DOM,我们还可以完全创建一个新的DOM元素或者移除一个已 有的DOM元素,除此之外,我们还可以为DOM元素添加事件处理. 创建DOM元素 首先我们来看如何创建一个新的DOM元素,最终的效果如下,当我们在文本框 中输入文字后,单击创建,将在上面的区域中创建一个li元素. 先来定义一下HTML页面,甚至Sil

学Silverlight 2系列(19):如何在Silverlight中与HTML DOM交互(上)

Silverlight中内置了对于HTML.客户端脚本等的支持,本文为如何在 Silverlight 2与HTML DOM进行交互第一部分,访问和修改DOM元素. 访问DOM元素 我们先来看一个简单的示例,如何访问HTML DOM.最终完成的效果如下,我 们将在界面放置两个div,分别为div1和div2,下面绿色的区域为Silverlight部 分,在第一个文本框中输入div的id并点击显示,将在下面显示出对应div上的文 本信息. 首先我们需要对测试页做一下修改,因为默认的Silverlig

一步一步学Silverlight :如何在Silverlight中与HTML DOM交互(上)

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

学Silverlight 2系列(21):如何在Silverlight中调用JavaScript

Silverlight中内置了对于HTML.客户端脚本等的支持.很多情况下,我们编 写的Web应用程序中用了一些JavaScript或者AJAX框架,我们希望能够在 Silverlight调用某些脚本方法,或者说在Silverlight中触发某个脚本的执行, 这时就需要用到在Silverlight中调用JavaScript,本文将简单介绍这一内容. 使用GetProperty获取脚本对象 先来看一个简单的例子,在Silverlight测试页面中放入一个div用作显示信 息: <div id=&quo

Deep Zoom Composer 正式版发布!

 Deep Zoom Composer 正式版发布! 配合Expression Studio 3正式发布,微软发布了Deep Zoom composer的第一个最终版本. 下载地址:Download Deep Zoom Composer 和以前一样,安装前请卸载所有现存的Deep Zoom composer版本. What's New 这个发布版集中了以前各个版本中预览过的特性,有些已经超过一年了,下面我们来详细描述其中的一些. 容易的创建交互式Deep Zoom体验 Silverlight中的

在Silverlight中使用SmoothStreamingMediaElement创建Smooth Streaming播放器

我在"IIS 7 Smooth Streaming技术在Silverlight 3中的应用 "一文中详细介绍了有关 IIS 7.Smooth Streaming技术以及如何在Silverlight中使用MediaElement控件播放Smooth Streaming视频的内容,在继续本文之前,如果你对什么是Smooth Streaming还存在疑问,你 可以先去看看我的那篇文章,也算作是一个入门吧. 在上一文中我向大家介绍了如何利用现有的MediaElement控件来支持Smooth

Silverlight的Deep Zoom文件格式概述

Deep Zoom 源文件所使用的文件格式是基于 XML 的.在源文件中,您可以为单个大图像指定格式,也 可以为图像集合指定格式.本概述介绍 Deep Zoom 如何处理这些格式. 注意说明: 您可以使用工具来创建 Deep Zoom 源文件(例如,Deep Zoom Composer 或 Photosynth).这可以提 供一种方法来查看 Deep Zoom 文件格式的工作原理,包括拼块和拼块信息是如何存储到磁盘的. 注意说明: Deep Zoom 图像棱锥图仅支持 BitmapImage 类