[摘要]我们在全景项目或其他嵌入全景的项目开发中,往往需要krpano与js之间交互实现网页元素、全景内控制等交叉调用,这就需要用到krpano提供的js对象的语法进行操作,本文先做个简单介绍,稍后继续更新其他详情。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
我们在js中,可以通过以下两种方式建立krpano对象,从而可以调用对应语法与krpano进行交互: 方法一:通过onready回调获取krpano HTML DOM元素: var krpano = null; embedpano({..., onready:krpano_onready_callback}); function krpano_onready_callback(krpano_interface) { krpano = krpano_onready_callback; } 方法二:通过 document.getElementById方法建立对象,krpano默认id是krpanoSWFObject (注意,该方法在全景div嵌入完成后时才执行,执行时间较第一个方法要迟,该方法比较常用): var krpano = document.getElementById("krpanoSWFObject"); ***建立krpano对象后通过get\set\call方法进行交互的案例: 1、获取krpano变量: var fov = Number( krpano.get("view.fov") ); 2、设置krpano变量: fov += 10.0; krpano.set("view.fov", fov); 3、执行一个krpano的内部动作或自定义动作: krpano.call("loadpano('pano2.xml',null,MERGE,BLEND(1));"); |
如有不明白的,可以咨询我们客服。