帝国模板之家为广大用户提供专业、一站式建站服务。

网页特效

网页特效栏目收集了最全最新的前端网页插件,包括最流行的jQuery,Bootstrap,Js,Css,Vue等主流特效插件。

当前位置:首页 > 资源 > 网页特效 > 正文

基于A-frame框架实现的360全景图展示js插件

帝国模板之家 2020-12-14 网页特效 评论

介绍

这是基于A-Frame实现的360全景图片浏览js插件,A-Frame是一个可以在HTML中创建3d场景的框架。

使用方法

1.在页面中加载A-Frame框架

<script src="https://aframe.io/releases/0.4.0/aframe.min.js"></script>

2.添加场景代码:

<a-scene>
            <a-assets>
                <img id="my-image" crossorigin src="https://d36tnp772eyphs.cloudfront.net/blogs/1/2006/11/360-panorama-matador-seo.jpg">
            </a-assets>

            <!-- Using the asset management system. -->
<a-sky src="#my-image" height="15.0" radius="5" phi-length="361"     
                           rotation="0 150 0"
                           position="0 2 0"></a-sky>
                            <!--<a-curvedimage src="#my-image" height="3.0" radius="5.7" theta-length="72"
                 rotation="0 100 0" scale="0.8 0.8 0.8"></a-curvedimage>-->

            <!-- Defining the URL inline. Not recommended but more comfortable for web developers. -->
            <!--<a-curvedimage src="img/BatmanvSuperman.jpg"></a-curved-image>-->
</a-scene>
这世上无忧无虑的人,反而相对寿命会长点。

已有 位小伙伴发表了看法

欢迎 发表评论

  • 匿名发表

关于

帝国cms模板

网页插件

帝国模板之家 | www.moyouyouw.cn

本站所有模板/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系站长删除,谢谢! 寻找帝国cms模板首选帝国模板之家,用心做站,上线至今广受好评,值得信赖!

  • 交流群1:帝国cms交流群1
  • 交流群2:帝国cms交流群2
在线QQ 给我留言