首页/文章/panellum

panellum配置项

2023-05-19
756 字约 3 分钟
...

以下是Panellum配置文件的所有可用配置项:

  1. type:指定场景类型,支持 equirectangular(全景图)、cubemap(立方体贴图)、multires(多分辨率图像)。

  2. panorama:指定全景图像的 URL 或者文件路径。

  3. cubemap:当场景类型设置为 cubemap 时,指定立方体贴图的 URL 或者文件路径。

  4. preview:指定预览图像的 URL 或者文件路径,该图像将在网页加载时显示,用户可以点击该图像进入全景浏览。

  5. autoLoad:自动加载场景,接受的值包括 true 和 false,默认值为 false。

  6. showZoomCtrl:指定是否显示缩放控件,接受的值包括 true 和 false,默认值为 true。

  7. showFullscreenCtrl:指定是否显示全屏控件,接受的值包括 true 和 false,默认值为 true。

  8. keyboardZoom:接受的值包括 true 和 false,指定是否启用键盘缩放功能,默认值为 true。

  9. mouseZoom:接受的值包括 true 和 false,指定是否启用鼠标滚轮缩放功能,默认值为 true。

  10. autoRotate:指定是否自动旋转,接受的值包括 0 或者一个正整数,表示自动旋转的速度,单位为度/秒,默认值为 0。

  11. autoRotateInactivityDelay:指定在不活动状态下多长时间后开始自动旋转,单位为毫秒,默认值为 0。

  12. autoRotateStopDelay:指定自动旋转停止后等待多长时间再重启自动旋转,单位为毫秒,默认值为 0。

  13. yaw:指定场景的初始水平方向角度,单位为度,默认值为 0。

  14. pitch:指定场景的初始垂直方向角度,单位为度,默认值为 0。

  15. hfov:指定场景的初始水平视角,单位为度,默认值为 100。

  16. minHfov:指定场景的最小水平视角,单位为度,默认值为 50。

  17. maxHfov:指定场景的最大水平视角,单位为度,默认值为 120。

  18. autoCrop:指定是否自动裁剪全景图像,接受的值包括 true 和 false,默认值为 false。

  19. crossOrigin:设置 XMLHttpRequest 的 crossOrigin 属性。

  20. output:设定输出格式,支持 webgl, css, canvas, svg 四种类型。

这些配置项可以根据需要自由组合使用,以创建符合需求的全景场景。

如果您觉得这篇文章有帮助,请点个赞吧~

分享文章

相关文章

更多文章 →
panellum2023-05-19
参数解读
{ "incar": { "multiRes": { "basePath": "https://els pub 01.oss cn hangzhou.aliyuncs.com/detection/202305/M0001/1A6F0D76625348/Panoramic", "cubeResolution": 2139, "extension": "jpg", "fallbackPath": "/fallback/%s", "maxLe...
http-网络2026-10-15
OAuth 2.0是什么,以及如何正确接入
一、先从一个需求理解 OAuth 2.0 假设你开发了一个相册整理工具,用户希望它读取某个云盘里的照片。 把云盘密码交给工具,会带来几个问题:工具拿到的权限太大,密码可能泄漏,用户也难以只撤销这个工具的访问。 OAuth 2.0 提供一套 委托授权机制 :用户在云盘自己的页面确认授权,工具取得一个有权限范围和有效期的访问令牌,再用它调用云盘 API。用户的云盘密码不交给工具。 可以把它理解为:给工具一张“限定用途的通行证”。但令牌泄漏同...
学习
前端2026-10-15
前端动画全景指南
一、前端动画到底是什么 前端动画,就是让画面随时间、用户输入或页面状态连续变化。变化的对象可以是按钮的位置、弹窗的透明度、SVG 的线条、Canvas 里的粒子,也可以是三维场景中的镜头。 先把三个问题分开: | 问题 | 常见答案 | | | | | 画什么? | DOM/CSS、SVG、Canvas 2D、GPU 渲染的场景、预制动画素材 | | 怎样变化? | CSS 过渡/关键帧、Web Animations API、逐帧计算、...
学习
flutter2026-10-14
Flutter Android 正式签名实战:生成密钥、配置构建与验证 APK
Flutter Android 正式签名实战:生成密钥、配置构建与验证 APK Android 正式签名不需要购买证书。开发者可以自己生成密钥,用它给 APK 签名;密钥的用途是建立稳定的应用身份。签名有效并不等于应用已经通过商店审核,也不等于应用功能已完成真机验收。 本文面向 Flutter Android 项目,介绍从开发签名切换到独立正式签名的完整流程。应用名称、目录、包名和证书信息均使用通用示例,不包含真实项目密码、私钥、签名指...
学习
flutter2026-10-14
Flutter 新版本发布实战:完整安装包与 Shorebird 热更新
一、先判断该发完整包还是补丁 | 这次改动 | 发布方式 | | | | | Dart 文案、Flutter 页面布局、业务逻辑修复 | 通常可以发布补丁 | | 纯 Dart 依赖变化 | 可以尝试补丁构建,仍需验证兼容性 | | Kotlin、Java、Swift、Objective C 或原生构建配置变化 | 发布完整包 | | 插件的原生实现变化、新增原生插件、权限变化 | 发布完整包 | | 新增或修改打包图片、字体、应用图标...
学习
docker2026-10-08
Qwik 博客全栈 Docker 本地部署实战
1\. 部署目标与服务结构 “整体容器化”是把项目运行需要的服务分别放入容器,再用 Compose 管理网络、配置、数据挂载、健康检查和启动顺序。 | Compose 服务 | 职责 | 本地访问地址 | | | | | | | Node 运行 Qwik,提供 SSR、SSG 页面和博客接口 | | | | Nginx 提供 React 构建产物,并代理管理接口 | | | | Go/Gin 管理接口 | | | | 存储博客与管理端数...

评论

请登录后发表评论

去登录
加载评论中...