360度 Web展示

无级缩放的360度展示技术

主要是介绍展品360展示的技术路线以及对展品影像的采集及加工做个简单概述,提供无级缩放的360度展示技术的实现方式。

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

本节介绍展品360展示的两种技术路线,对比其特点。

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

本节对展品影像的采集及加工做个简单介绍。

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

本节我们将用其中的一种格式:deep-zoom格式+OpenseaDragon实现高分辨率栅格图像的无级缩放。

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

本节主要介绍改造OpenSeadragon,使其适用于360度展示。

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

通过简单的改动,可以在加载不同的帧时,保持对切片的缓存。

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

在360度浏览的过程中,允许用户对特定帧的局部进行快照,将快照增加到快照集合。之后在快照集合点击小图,可迅速回放该快照。

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

在画面中定义热区,以显示图文信息或者增加链接,是图形展示常见而且实用的功能点。本章节通过引入OpenSeadragonSelection插件,JQuery ballon插件,利用OpenSeadragon的事件机制实现热区编辑。

arrow_back
前篇
后篇
arrow_forward