基于photo sphere viewer的360全景展示

来源：互联网发布：飞鱼打印软件编辑：程序博客网时间：2024/06/06 02:17

<!DOCTYPE html><html><head>    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">    <title>360全景图展示</title>    <link rel="stylesheet" type="text/css" href="https://os.alipayobjects.com/rmsportal/BfEgqbhITpXKmNcQqJmI.css" />    <script src="https://os.alipayobjects.com/rmsportal/gvmIzdKRFvEjPqTBGyGe.js"></script>    <script src="https://os.alipayobjects.com/rmsportal/gtITtPAuXpBIkABlxHkS.js"></script></head><body>    <style>    body {        font-size: 16px;        background-color: #E6E7EB;        margin: 0;    }        #your-pano {        position: relative;        margin: 0 auto;    }        </style>    <div class="container">        <div id="your-pano"></div>    </div>    <script>    var div = document.getElementById('your-pano');        new PhotoSphereViewer({            panorama: 'https://gw.alicdn.com/tfs/TB1WSInRFXXXXXlXpXXXXXXXXXX-1200-600.jpg',            container: div,            time_anim: false,            navbar: true,            size: {                width: '600px',                height: '400px'            }        });    </script></body></html>

转载地址：http://www.qdfuns.com/notes/35185/e7e58990fd5b8f68462c8be25c38e93a.html

阅读全文

1 0