krpano - Javascript Interface

krpano - Javascript Interface

参考krpano官网：js篇

获取krpano的js对象

在初始embedpano时获取或者document.getElementById(id)

1、embedpano：在onready中获取

<script src="krpano.js"></script>
<div id="pano" style="width:600px; height:400px;"></div>
<script>
let krpano = null ;
  embedpano({
    
   	xml:"pano.xml",
  	id:'默认为krpanoSWFObject',
  	onready:function(krpano_interface){
    
  		krpano = krpano_interface;
  	},
  });
</script>

2、document.getElementById(id)
这个id是在embedpano里设置的id置，当没有设置id值，默认值为krpanoSWFObject

接口

set(variable,value) - 设值
get(variable) - 获取值
call(action) - call and execute any krpano action code.
spheretoscreen(h,v) - 直接调用该方法
screentosphere(x,y) - 直接调用该方法
spheretoscreen / screentosphere 返回有x，y的对象

例子

var krpano = null;

embedpano({
   ..., onready:krpano_onready_callback});

function krpano_onready_callback(krpano_interface)
{
   
  krpano = krpano_interface;
}

或

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

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

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

添加pano和删除pano

	<script>
		var panocounter = 0;
		
		function addpano(type)
		{
   
			panocounter++;
			
			var containername      = "pano" + panocounter;
			var innercontainername = containername + "inner";
			var viewername         = containername + "viewer";
			
			var container = document.createElement("div");
			
			container.id               = containername;
			container.style.position   = "relative";
			container.style.cssFloat   = "left";
			container.style.width      = "430px"