基于Threejs的360全景图预览

首先，我们先来了解一下Photo Sphere Viewer，它是一款基于Three.js的360X180度全景图预览js插件。该js插件可以360度旋转查看全景图，也可以上下180度查看图片。使用该插件的唯一要求是浏览器支持canvas或WebGL。

Photo Sphere Viewer是纯JS，并且基于Three.js，允许在支持HTML Canvas的其他系统上支持WebGL系统（最新浏览器）以及相当不错的表现。
它也可以与触摸屏一起工作！

360全景就是视角超过人的正常视角的图像，而这里我们所说的全景特指水平视角360度，垂直视角180度的图像。全景实际上只是一种对周围景象以某种几何关系进行映射生成的平面图片。

球面全景图（原理）

利用一张全景图围成一个球，自身位置位于球体内。由于图片是矩形，所以最上和最下的缝合处很明显就能够看得出来。
球面全景图是最接近人眼的构建模式，若利用多个立面构建