如何解决是否有浏览器原生的360度旋转查看器?
有几个用于查看产品的交互式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是本机浏览器解决方案。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。