您的位置:首页 > 其它

krpano实践之全景图缩放,旋转,倾斜,自动旋转,VR,全屏方法

2017-08-01 17:58 489 查看
在此仅提取方法,需要时可以直接调用相关方法。

/*定义控件*/
var krpano = document.getElementById("krpanoSWFObject");
/*获取变量*/
var fov = Number(krpano.get("view.fov"));
var hlookat = Number(krpano.get("view.hlookat"));
var vlookat = Number(krpano.get("view.vlookat"));
/*放大*/
fov -= 10.0;
krpano.set("view.fov", fov);
/*缩小*/
fov += 10.0;
krpano.set("view.fov", fov);
/*左旋转*/
hlookat += 10.0;
krpano.set("view.hlookat", hlookat);
/*右旋转*/
hlookat -= 10.0;
krpano.set("view.hlookat", hlookat);
/*上倾斜*/
vlookat -= 10.0;
krpano.set("view.vlookat", vlookat);
/*下倾斜*/
vlookat += 10.0;
krpano.set("view.vlookat", vlookat);
/*自动旋转*/
krpano.set("autorotate.enabled", true);
/*VR模式*/
krpano.call("WebVR.enterVR();");
/*全屏*/
krpano.set("fullscreen", true);
/*停止旋转*/
krpano.set("autorotate.enabled", false);

以上的方法如放大缩小是不带动画的,有卡顿的感觉。下面的方法利用setTimeout方法实现平滑过渡。

/*放大*/
krpano.set("fov_moveforce",-1);
setTimeout("krpano.set('fov_moveforce',0)",200);
/*缩小*/
krpano.set("fov_moveforce",1);
setTimeout("krpano.set('fov_moveforce',0)",200);
/*左旋转*/
krpano.set("hlookat_moveforce",-1);
setTimeout("krpano.set('hlookat_moveforce',0)",200);
/*右旋转*/
krpano.set("hlookat_moveforce",1);
setTimeout("krpano.set('hlookat_moveforce',0)",200);
/*上倾斜*/
krpano.set("vlookat_moveforce",-1);
setTimeout("krpano.set('vlookat_moveforce',0)",200);
/*下倾斜*/
krpano.set("vlookat_moveforce",1);
setTimeout("krpano.set('vlookat_moveforce',0)",200);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐