支持无级缩放的360展示技术实现之三

用OpenseaDragon实现无级缩放

上节提及金字塔切片的多种格式,本节我们将用其中的一种格式:deep-zoom格式+OpenseaDragon实现高分辨率栅格图像的无级缩放。

由于相关知识点的文章已经叙述得较充分了,因此本节的叙述方式主要是在它们之间客串,以期用最简洁的文字使读者获得一个完整的印象。

Deep-Zoom

Deep-Zoom是微软发展的一种大影像互联网浏览格式,官方的介绍在此:

https://msdn.microsoft.com/en-us/library/cc645050(VS.95).aspx

它作为给Silverlight 2.0增光添彩的功能出现,Silverlight作为微软WPF在浏览器的延伸,从它自家的观点来看,当然是完美的整体解决方案,但外界并不买账,与HTML5相比,Silverlight毕竟还是采用插件方式的解决方案。

——微软家的flash嘛!

对于不想装silverlight的用户,微软提供了一个ajax的前端版本ASP.Net AJAX Control Toolkit( Seadragon.com)。并将其以New BSD license捐献给开源社区。这个javascript的前端版本仍然与asp.net绑定,让服务端不想用.net的人非常不爽。因此OpenSeadragon的大侠们出手了,目标就是要将它与asp.net解耦。

上述内容来自这篇文章:https://openseadragon.codeplex.com/

OpenSeadragon

尽管OpenSeadragon从Seadragon衍生而来,但它并不是绑定于Deep-Zoom格式的。它支持多种Tile Sources。官网中进行了详细介绍:https://openseadragon.github.io/

其实我觉得官网的介绍已经足够清晰简洁了,如果要看中文的快速上手的文章,推荐这位博友的文章:

http://www.cnblogs.com/yingjiehit/category/670015.html

自己动手做出个例子也是蛮有趣的。但还是强烈建议浏览一遍官网的examples,这样你就了解它目前已经具备哪些功能。

Deep-Zoom切片工具

微软对windows桌面用户提供了免费的切片工具:

按这篇文章下载操作即可:http://www.cnblogs.com/yingjiehit/p/4362377.html

对于非windows用户,完全可以自己写段java代码切片。

可以参考这个项目:

https://code.google.com/p/deepjzoom/source/browse/trunk/src/DeepZoomConverter/Main.java

或者直接用这位博友的修改过的代码,我试过了好使。

http://www.cnblogs.com/iyangyuan/p/4527509.html

至此,预备工作介绍完毕,下一节开始,将进入正题,改造OpenSeadragon,使其支持360度展示。

猜你喜欢

转载自chen4w.iteye.com/blog/2262278