360度 Web展示
Published on 15/04/2019
Updated on 15/04/2019
无级缩放的360度展示技术
主要是介绍展品360展示的技术路线以及对展品影像的采集及加工做个简单概述,提供无级缩放的360度展示技术的实现方式。
支持无级缩放的360展示技术实现之一
本节介绍展品360展示的两种技术路线,对比其特点。
支持无级缩放的360展示技术实现之二
本节对展品影像的采集及加工做个简单介绍。
支持无级缩放的360展示技术实现之三
本节我们将用其中的一种格式:deep-zoom格式+OpenseaDragon实现高分辨率栅格图像的无级缩放。
支持无级缩放的360展示技术实现之四
本节主要介绍改造OpenSeadragon,使其适用于360度展示。
支持无级缩放的360展示技术实现之五
通过简单的改动,可以在加载不同的帧时,保持对切片的缓存。
支持无级缩放的360展示技术实现之六
在360度浏览的过程中,允许用户对特定帧的局部进行快照,将快照增加到快照集合。之后在快照集合点击小图,可迅速回放该快照。
支持无级缩放的360展示技术实现之七
在画面中定义热区,以显示图文信息或者增加链接,是图形展示常见而且实用的功能点。本章节通过引入OpenSeadragonSelection插件,JQuery ballon插件,利用OpenSeadragon的事件机制实现热区编辑。