PHP技术论坛

搜索
查看: 553|回复: 0
打印 上一主题 下一主题

微信小程序VR场景使用

[复制链接]

83

主题

88

帖子

411

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
411
跳转到指定楼层
楼主
发表于 2022-3-23 13:19:05 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
参数网址:https://pannellum.org/


https://blog.csdn.net/qq_3894297 ... 1000.2123.3001.4430

https://blog.51cto.com/u_15349906/3715968


简单效果:

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>A simple example</title>
  7.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.css"/>
  8.     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.js"></script>
  9.     <style>
  10.     #panorama {
  11.         width: 600px;
  12.         height: 400px;
  13.     }
  14.     </style>
  15. </head>
  16. <body>

  17. <div id="panorama"></div>
  18. <script>
  19. pannellum.viewer('panorama', {
  20.     "type": "equirectangular",
  21.     "panorama": "https://pannellum.org/images/alma.jpg"
  22. });
  23. </script>

  24. </body>
  25. </html>
复制代码



回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|PHP  

GMT+8, 2024-5-4 06:17 , Processed in 0.054366 second(s), 25 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表