krpano Javascript 接口

要从 Javascript 访问 krpano, 将需要 krpano Javascript 接口对象。

可以获取此对象:

• 通过使用 嵌入脚本的 onready回调函数- 建议的方式 !
• 或者使用 Javascript 调用: 文档. getElementById (id) .
  id参数是播放器的唯一 id (默认情况下为 "krpanoSWFObject"), 可以在 嵌入脚本中设置它。.

krpano Javascript 接口对象

接口对象提供了这些 Javascript 函数:

• set (变量、值) -将给定的 krpano 变量设置为给定值。
• 获取 (变量) -返回给定 krpano 变量的值。
• 调用 (操作) -调用并执行任何 krpano 操作代码 .
• spheretoscreen (h, v) -直接调用 spheretoscreen操作。
• screentosphere (x, y) -直接调用 screentosphere操作。

spheretoscreen/screentosphere 函数将返回一个具有 x、y 属性的对象。

使用示例

获取 krpano HTML DOM 元素-可以通过 onready 回调 (推荐):

var krpano = null;
embedpano({..., onready:krpano_onready_callback});
function krpano_onready_callback(krpano_interface)
{
krpano = krpano_onready_callback;
}

或者使用文档. getElementById (但注意-只有在嵌入本身已经完成时才会起作用):

var krpano = document.getElementById("krpanoSWFObject");

获取并设置变量:

var fov = Number( krpano.get("view.fov") );
fov += 10.0;
krpano.set("view.fov", fov);

调用 krpano 操作, 例如加载其他全景。

krpano.call("loadpano('pano2.xml',null,MERGE,BLEND(1));");

例子

• Javascript API 示例
  显示使用 krpano 播放器的 Javascript API 的几个示例: 加载其他pano、加载 xml 字符串、设置视图、lookto 动画、获取当前视图、添加和删除热点、从热点事件回调到 JS、跟踪鼠标 在球面全景坐标。
• 通过 Javascript 添加和删除pano
  本示例演示如何动态添加 (= embedpano 调用) Flash 或 HTML5 播放器元素, 然后从网页中删除 (= removepano 调用)。

这些示例也包括在文件夹 播放器/示例/javascript-接口/的 krpano 下载包中。.