vtour 文件夹结构

以下是默认与比较基础文件结构与文件名，根据droplet的不同，文件可能更多或更少，同时文件名也并不一定和这些一样。

|

  1.  
  2. vtour/
  3.  
  4. | -- panos/             #存放全景切片图片的文件夹
  5.  
  6. | -- skin/              #存放皮肤相关文件
  7.  
  8. | -- plugins/           #用来存放插件
  9.  
  10. | -- tour.swf           #krpano flash viewer
  11.  
  12. | -- tour.js            #krpano HTML5 viewer
  13.  
  14. | -- tour.xml           #生成全景的相关配置
  15.  
  16. | -- tour.html          #用来浏览全景的页面，需要本地服务环境
  17.  
  18. | -- tour_editor.html   #添加热点（hotspot）与初始化视角的设置

vtour 运作机制

Krpano 是通过viewer引擎来实现浏览静态图片时产生“三维”效果，而这一切则是通过tour.html这个入口文件。

过滤掉一些没用的代码，可以看到入口文件主代码如下：

|

  1.  
  2. <div id="pano"></div>
  3.  
  4. <script src="tour.js"></script>
  5.  
  6. <script>
  7.  
  8. embedpano({
  9.  
  10.     swf: "tour.swf", //有则表示加载flash引擎，如果设置html5:only则不需要该值
  11.  
  12.     xml: "tour.xml", //启动时的配置文件
  13.  
  14.     target: "pano", //要渲染到的目标容器ID
  15.  
  16.     html5: "only", //如果有需要用到flash，可设置为auto
  17.  
  18.     //id: "krpanoSWFObject", //默认的krpano对象，每一个viewer对应唯一id，与JS交互时要用到
  19.  
  20.     mobilescale: 1.0, //移动设备缩放，1表示不缩放，默认0.5
  21.  
  22.     passQueryParameters: false //是否接受URL传参，例如：tour.html?html5=only&startscene=scene2
  23.  
  24. });
  25.  
  26. </script>

原文:

https://krpano.milly.me/docs/vtour.html