问题描述
有几个用于查看产品的交互式360旋转图像的插件,例如:https://www.ajax-zoom.com/index.php?cid=home&tag=spin360
但是,我的问题是浏览器是否有针对此的最新或提议的解决方案,因此不需要任何插件吗?一个比喻是大多数浏览器现在都原生支持gif,而无需插件。
非常感谢!
解决方法
首先,重要的是要区分360度旋转的常见类型:
- 从图片中旋转
- 从3D模型旋转
您要从一组图像(照片)中询问旋转。从一系列图像生成的360度旋转没有本机文件格式。使用JavaScript可以实现旋转效果,并且浏览器无法本地显示这些动画。
您能获得的最接近的是Sirv所做的操作,以生成一个.spin
文件,该文件可以作为独立的URL进行查看,如下所示:
https://demo.sirv.com/example.spin
但是,它呈现为HTML文件,并且在后台仍提供创建旋转效果所需的所有唯一图像和JavaScript。该文件不能像带有img
或其他标签的本机文件(例如图像或视频)一样嵌入到页面中-它仍然还需要将.js嵌入页面中,如下所示:
<script src="https://scripts.sirv.com/sirv.js"></script>
<div class="Sirv" data-src="https://demo.sirv.com/example.spin"></div>
如果您想嵌入3D模型,那么可以,WebGL是本机浏览器解决方案。