分享

循序渐进(12)

 maliping186 2016-11-20

更新2016.4.12

krpano的代码可简单分为静态代码和动态代码的部分。静态代码就是24个内置元素(action元素比较特殊,其内容是动态代码)以及可自定义的其它元素。动态代码就是特指action元素的内容以及一些特定的元素的数值,例如事件触发的动作。本文简单介绍一下krpano24个内置元素。

krpano元素是krpano xml文件的根元素。任何一个krpano xml文件内的其它元素都要被krpano元素所嵌套。也就是krpano元素要放在一头一尾。

include元素可引入其它xml文件的内容,以便于更好的工作流程。例如我们常要用到的vtourskin.xml就是使用include嵌入到主xml中。使用include元素,相当于把所嵌入的xml文件的全部内容复制到include元素所在的代码行。

preview元素对预览图进行设置。也就是全景图完全载入之前的模糊图像,但因为体积较小,因此载入速度较快,会在全景图之前先载入,避免黑屏。通常全景图拖到droplet下会自动生成预览图以及对应的preview代码,无需自行编写。

image元素控制全景图设置。包括全景图类型,渐进分辨率切片显示等。通常droplet会自动生成。无需自行编写。

view元素控制全景的视野。例如起始视角、视角限制与缩放等等。通常droplet会自动生成。当要设置限制视角或设定特定的初始视角时,需要自行设定或使用插件获取代码。

area元素控制全景图在浏览器(div)窗口中显示区域大小。

display元素控制全景图的显示品质。

control元素设置鼠标、键盘以及触摸设备对全景浏览的控制方式。

cursors元素设置鼠标光标样式。

autorotate元素控制自动旋转。

layer与plugin是同一种元素,只是名字不同。作用很大,可以调用插件,也可以插入图片和生成容器。

hotspot元素即是热点,可在3D空间中插入图片,使之随着3D空间一同运动。可制作很多特效。