问题标签 [pannellum]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 局部全景图(iPhone 全景图),three.js 还是 Pannellum?
两周来,我一直在努力解决这个问题,不是使用 Pannellum,而是使用各种 Js 库,其中包括 ThreeJS,但没有成功。Pannellum 看起来很有前途,并且已经看到它支持部分全景图(1 张照片)。基本上我想建立一个像 Facebook 上的全景播放器。我上传了用我的 iPhone 拍摄的全景照片,它们不是 360 度的。简而言之,谁能为我提供一个使用 Pannellum 或 Three.js 的部分全景图示例?那我会非常高兴和感激。
javascript - Pannellum clickHandlerFunc
我正在尝试使用 clickHandlerFunc 打开一个模态框。我收到错误“Uncaught TypeError: a.clickHandlerFunc is not a function at HTMLDivElement. (pannellum.js:68)”
以下是我的代码:
我该如何解决这个问题?单击热点时,我需要打开一个模式框。
javascript - 在对 Pannellum 的 javascript 调用中避免 Eval
我有一个网站,我在其中使用 javascript 和pannellum API 来加载多个 360 全景视图。
浏览器偶尔会崩溃,尤其是在我的 iPhone 6 上处于 VR 模式时,不同的 DIV 中总共需要六个 pannellum 实例。
据我所知,浏览器在调用 pannellum 时崩溃,这是我从 eval 函数内部进行的,因为我传递给 pannellum 的数据包含在变量中。
这是调用,以及让我们知道全景图已加载的后续行。
在哪里
RightPanoInt 是一个变量,我可以用来检查全景图是否已加载
RightPanoIntermediary 是要加载全景图的 DIV 的 ID。
和
PanoDataIntermediary 是一个变量,其中包含 pannellum API 所需的数据/参数。
例如
{"autoLoad": true,"pitch": 0,"yaw": 73,"vaov": 180,"haov": 360,"vOffset": 0,"maxPitch": 90,"minPitch": -90, "maxYaw": 180,"minYaw": -180,"maxHfov": 100,"hfov": 100,"minHfov": 10,"showFullscreenCtrl": false,"orientationOnByDefault": false,"showControls": false,"全景":"002.jpg","preview":"BackgroundPaleGreen.jpg"}
下次调用时数据会有所不同,因此参数必须在 PanoDataIntermediary 变量中。
我可以使用 eval 函数的哪些替代方法进行相同的调用?
javascript - PHP数组到JSON具有带有回调函数的参数
在我的 PHP 脚本中,我有一个类似于此的数组:
该数组将作为 json 对象传递给 Javascript 函数,如下所示:
参数createTooltipFunc 必须接收一个名为hotspot 的回调函数。所以,在最终的 json 中,当我将这个 PHP 数组传递给 Javascript 函数时,这个参数应该是这样的:“createTooltipFunc”:hotspot,不带双引号。我怎么做?
只是为了提供更多信息,我正在尝试使用插件pannellum.js创建一个游览,并且我正在从我的 mysql DB 中获取我需要的所有 json 信息。
internet-explorer-11 - 将 SPFx Webpart 与 IE11、SharePoint 2016 和 Pannellum 一起使用
我需要一些关于 SPFx Web 部件以及 SharePoint 2016 和 InternetExplorer 11 的专业知识。这个想法是创建一个使用 Pannellum 来显示图像的 Web 部件。在 Firefox 中它已经可以工作了。但是,对于 IE11,错误消息会出现在控制台中:
SCRIPT5022: TypeMismatchError
BaseURL.ts (16,7)
SCRIPT5007: Die Eigenschaft "toString" eines undefinierten oder Nullverweises kann nicht abgerufen werden.
英文留言:The "toString" property of an undefined or null reference cannot be retrieved.
LogEvent.js (26,1)
在开发人员工具中,我可以看到图像已下载。但是,当 webpart 的代码尝试createObjectURL
将图像作为 blob 对象调用时,它会崩溃。
Webpart 是使用 Yeoman (3.1.0) 创建的,并使用 Gulp 进行了测试。在 webpart 中执行 Pannellum 的脚本我使用了这个 repo 中的 executeScript 函数:https ://github.com/SharePoint/sp-dev-fx-webparts/blob/dev/samples/react-script-editor/src/ webparts/scriptEditor/ScriptEditorWebPart.ts
我想我的问题与此有关:IE + XMLHttp + CreateObjectURL Error。
有人有这方面的经验吗?
这里有一些示例代码:
javascript - iFrame 中的 Pannellum 突然停止工作
我在客户的 Opencart 网站上有一个简单的“360 Tours”页面,在信息页面上使用 iFrame。该页面以外部视图打开,然后访问者可以通过单击下面的链接选择要查看的其他区域。查看器代码 pannellum.htm 和所有全景图像都托管在客户端的服务器上,查看器显示在基于 Pannellum 示例的 iFrame 中。
这很容易开始工作,并且已经正确运行了几个月,但最近停止工作,在全景图曾经存在的地方什么也没有显示。我在 OSX、Windows 和没有 Joy 的 iPad 下尝试了 Chrome、Firefox 和 Safari。然而,今天早上我注意到我的 Chromebook 仍然运行良好。所以,我更新了 Chromebook,它也停止了工作。尽管我今天确实更新到最新的 pannellum.htm 无济于事,但我的结果没有任何改变。
JS 函数 load360() 形成一个 url 并将其加载到 iFrame 的 .src 属性中,该属性由 id 定位。最初,工作代码如下所示:
搜索显示不需要重新加载,只需将新 url 分配给 .src 属性就足以强制刷新 iFrame。删除重新加载没有任何效果,实际上将它放在那里会阻止查看器显示。但是,将空白字符串分配给 .src 然后像这样所需的 url..
..似乎工作,但只有每_second)时间 load360 被调用。
有谁知道发生了什么?我更像是一个电子设计/嵌入式的人,在这里的任何帮助都将不胜感激..
该网站是https://www.davidcoils.com - 点击顶部的“360 Tours”。
javascript - 没有html代码的弹出图像只有css和javascript
所以我有一个使用 pannellum 的 360 度虚拟之旅,我在 css 中有这个热点代码设计
我希望当您单击热点弹出图像但不使用仅 css 和 javascript 的 html 标签时,我尝试使用它
但这不是弹出图像,也不一样。有谁知道这个的解决方案?
panoramas - 保存从一个图像链接到另一个图像的 pannellum 热点
我有两个图像,我需要在运行时添加热点并保存它。浏览器最终用户添加了一个热点,然后他们单击保存按钮。将添加的热点保存在数据库中的图像上的方法是什么?