krpano HTML5全景漫游
发布时间：2016-01-14 14:48:20编辑：丝画阁阅读（358）
http://kpano.com/html/docu/
目前有个插件叫krpano HTML5 Viewer可以实现全景展示，官网都是英文，而且网上资料也比较少些，需要看看官网实例、文档。
引用一下别人的博客：http://my.oschina.net/u/591525/blog/158572
Krpano功能介绍
Krpano viewer的主程序所使用的XML文件十分简洁．默认情况下仅可以做到场景的载入。其他所有功能，都以插件的
形式实现．而每个插件．既可以在自己的XML文件进行配置。 然后供主程序XML文件调用．也可以在主程序的XML文件
中直接[标签引入并进行配置。这样做的好处就是功能明确，结构清晰，便于扩展，利于维护。
Krpano的所有标签如下：
- <inelude>标签：载人其他的xml文件。
- <preview>标签：在装载全景图片的过程中显示一个小的全景图。
- <image>标签：载人图片。
- <view>标签：存储当前视的信息。
- <area>标签：定义全景图中被展示的区域
- <display>标签：定义渲染的质量和性能。
- <control>标签：鼠标键盘的控制设置。
- <cursois>标签：自定义光标的样式。
- <autorotate>标签：当无用户交互时．自动扭曲／移动，缩放。
- <plugin>标签：载人其他flash程序，图片或者按钮，图标
- 等。
- <hotspot>标签：设置热点。
- <events>标签：设置事件的响应。
- <aetion>标签：定义行为．需要用脚本语言解释器解释。
- <eontextmenu>标签：自定义鼠标右键菜单。
- <progress>标签：设置装载时过程。
- <network>标签：设置下载或者decode时的图片。
- <memory>标签：设置内存使用情况。
- <security>标签：设置安全性。
- <textstyle>标签：定义样式。
- <lensflareset>标签：定义一个镜头光晕样式。
- <lensflare>标签：定义一个镜头光晕。
- <data>标签：存储一些数据
- <scene>标签：定义场景。
代码解析：
1.
表示页面会生成一个div层，有宽高、位置布局属性。可以根据自己业务在界面进行布局，如果需要在图片上做点击事件需要加onclick属性如下：
loadscene是插件自带方法（载入指定的一个全景），只需要传一个全景标签的name即可。
2.执行脚本语句
skin_addthumbs();
skin_onresize();
skin_updatescroll();
3.手机端用到陀螺仪和重力感应，需要插件gyro.js：
4.html页面需要加入标签手机端需要适应屏幕：
关键字：