【全面解析DeepZoom 之一】酷!Deep Zoom

                       【全面解析DeepZoom 之一】酷!Deep Zoom
                                        周银辉
微软的Silverligth2包含了对由“SeaDargon”团队创建的Deep Zoom技术的支持。简单地说,Deep Zoom技术就是能让你查看很大的一副图片但仅仅将当前显示在你屏幕上的部分发送到你的浏览器里。你也可以对图片进行平滑的缩放和平铺。这就像是在线地图将一副很大的图片划分成很多很小的平铺的图片然后将那些你正在查看的发送到你的屏幕上。这所带来的好处就是你不必花大量时间来下载一副很大的图片数据而这些甚至你从来就没有看或注意到过。
你可以到http://memorabilia.hardrock.com/ 体验该项犀利的技术:
注意到下图,画面中共加载了257幅图片,而且每幅图片都是高分辨率的大图,按照常规思维要将这257幅图片下载到客户端可能就足以让客户精神崩溃了,但使用DeepZoom技术下载并显示下面的这个画面就跟显示一副小图一样快速(至于为什么,本系列随笔的后续部分会讲到)

让后用户可以针对该画面中的任何感兴趣的部分进行缩放和拖拽来查看详细,拿其中的几本书的照片来说,我们可以是鼠标操作来由远及近的观察它:

再近一点:

更近一点:

注意:整个这一系列操作都是通过鼠标点击或滚轮完成的,效果非常的平滑和流畅更没有页面的刷新,而在使用现在的一些在线地图时要进行地图的缩放是要刷新整个或部分页面的,用户体验完全不一样。

作为开发人员,我们可以利用DeepZoomComposer来协助我们并加入到Silverlight2应用中,接下来我会讲到如何在Silverlight2中应用DeepZoom技术。

posted on 2008-04-06 12:17 周银辉 阅读(4712) 评论(24)  编辑 收藏 网摘 所属分类: Silverlight

评论

#1楼 2008-04-06 12:29 StillWartersRunDeep      

很酷   回复  引用  查看    

#2楼 2008-04-06 12:38 Justin      

在首页显示图片有点问题   回复  引用  查看    

#3楼 2008-04-06 13:13 beginor1[未注册用户]

看过这个,放大图片时消耗大量内存   回复  引用    

#4楼 2008-04-06 15:09 GoKu[未注册用户]

yahoo.com 国际站点首页好像有那个技术,图片看到哪里显示到哪里   回复  引用    

#5楼 2008-04-06 17:01 dudu      

麻烦调整一下摘要中的图片。   回复  引用  查看    

#6楼[楼主] 2008-04-06 17:31 周银辉      

@dudu
不好意思,我这里看上去没问题所以没注意到,现在我将摘要中的图片删掉了哈
  回复  引用  查看    

#7楼 2008-04-06 19:38 works guo      

期待   回复  引用  查看    

#8楼 2008-04-06 19:57 李涛      

怎么字突然这么小啊,感觉网站不是很稳定,最近常常出现这样的问题   回复  引用  查看    

#9楼 2008-04-06 20:57 李战      

http://www.cnblogs.com/Emoticons/msn/49_49.gif" alt="" />嗯,看起来不错。   回复  引用  查看    

#10楼 2008-04-06 21:32 财神到论坛[未注册用户]

这是一个关于各种开店分类信息的网站

财神到论坛 www.caibus.cn 一个创业者的交流平台
  回复  引用    

#11楼 2008-04-06 21:33 财神到论坛[未注册用户]

这是一个关于各种开店分类信息的网站

财神到论坛 http://www.caibus.cn 一个创业者的交流平台
  回复  引用    

#12楼 2008-04-06 22:28 volnet(可以叫我大V)      

很酷很酷,和Adobe的那个×××技术一样酷   回复  引用  查看    

#13楼 2008-04-07 03:23 Cat Chen      

为什么要用截图而不直接放一个例子上来呢?一个可交互的例子比图片要好说明问题啊。   回复  引用  查看    

#14楼[楼主] 2008-04-07 09:05 周银辉      

@volnet(可以叫我大V)
Great Work
  回复  引用  查看    

#15楼[楼主] 2008-04-07 09:08 周银辉      

@Cat Chen
文章的开头已经给出http://memorabilia.hardrock.com/" target="_new">http://memorabilia.hardrock.com/ 这个地址了,可以到这里查看在线示例
  回复  引用  查看    

#16楼 2008-04-07 10:27 Clark Zheng      

@beginor1
同意
  回复  引用  查看    

#17楼 2008-04-18 17:24 kid_wang[未注册用户]

@beginor1
是啊,每次放大,CPU利用率都会陡增。
  回复  引用    

#18楼 2008-09-30 21:22 Doho      

果然很酷!   回复  引用  查看    

#19楼 2008-11-11 14:06 baggiojing      

转帖了,thanks   回复  引用  查看    

#20楼 2008-12-14 23:15 俺是游客[未注册用户]

未免太恐怖了把,打开这个网站CPU利用率就一直在50%以上,这还不用进行任何放大缩小操作。飙到80%以上也是很轻松的。我这可浏览器啊,是B/S不是C/S。   回复  引用    

#21楼 2009-04-28 17:21 Athenaeum[未注册用户]

图片的后台管理是个问题。。。 难道每次加一张图进去都要用工具重新生成一次?   回复  引用    




发表评论

昵称: [登录] [注册]

主页:

邮箱:(仅博主可见)

评论内容:

  登录  注册

[使用Ctrl+Enter键快速提交评论]

0 1139059




相关文章:

相关链接:

导航

<2008年4月>
303112345
6789101112
13141516171819
20212223242526
27282930123
45678910

统计

搜索

 

常用链接

留言簿

我参与的团队

随笔分类(215)

随笔档案(195)

友情链接

积分与排名

最新随笔

阅读排行榜