JavaScript 【某宝某东 360 度 3D 旋转展示商品主图实现】

现如今,某宝、某东等一些知名的购物网站,均在其商品详情页的主图添加了 360 度全景 3D 旋转展示功能,如下图:


JavaScript 【某宝某东 360 度 3D 旋转展示商品主图实现】


但实际上,并非大家都想到的 3D 建模,其实是很简单的一种实现方式。只需要一台单反,然后一个旋转台,将产品摆放在台面之上匀速旋转,相机快速连续拍摄,将旋转一圈的相片完完整整拍摄下来。


JavaScript 【某宝某东 360 度 3D 旋转展示商品主图实现】


获得拍摄好的照片后,就可以写 JS 代码了。具体的大家自己看吧。

https://github.com/CoderZYWang/3DWatchForJS