krpano学习使用1 参考：http://www.krpano360.com/

Posted 2020-06-16

1.下载krpano.zip（官网，免费版和正式版功能一样，不过免费版生成产品图片有水印），解压，生成文件，不过.exe不是图形界面，点击不可使用

2.获得一个或多个全景图，（全）选拖到上解压文件中 MAKE VTOUR (NORMAL) droplet.bat 上，弹出命令框显示图片解析信息

3.点击 全景图片文件夹中 vtour--》tour.html 展示

4.添加热点，双击tour_edit.html ,浏览器显示，点击addhost 按钮，添加热点

5.修改图片播放顺序：编辑tour.xml --》排列scene元素顺序（目前测试时这样的）

5.修改热点：

1）修改热点标志：找到 tour.xml 文件中该scene 元素中hostpot 元素，修改style=“stylename”  styleName定义在skin--》 vtour.xml中  <style .. name="stylename" .../>

2）在热点上显示文字：vtour.xml中  <style .. onloaded="otherFunction();" .../> 在 otherFunction(); 后加add_all_the_time_tooltip(); ；再添加空白处添加

 1 <action name="add_all_the_time_tooltip">
 2     txtadd(tooltipname, ‘tooltip_‘, get(name));
 3     addplugin(get(tooltipname));
 4     txtadd(plugin[get(tooltipname)].parent, ‘hotspot[‘, get(name), ‘]‘);
 5     set(plugin[get(tooltipname)].url,‘%SWFPATH%/plugins/textfield.swf‘);
 6     set(plugin[get(tooltipname)].align,top);
 7     set(plugin[get(tooltipname)].edge,bottom);
 8     set(plugin[get(tooltipname)].x,0);
 9     set(plugin[get(tooltipname)].y,10);
10     set(plugin[get(tooltipname)].autowidth,true);
11     set(plugin[get(tooltipname)].height,28);
12     set(plugin[get(tooltipname)].background,true);
13     set(plugin[get(tooltipname)].backgroundcolor,0x000000);
14     set(plugin[get(tooltipname)].roundedge,5);
15     set(plugin[get(tooltipname)].backgroundalpha,0.65);
16     set(plugin[get(tooltipname)].padding,5);
17     set(plugin[get(tooltipname)].border,false);
18     set(plugin[get(tooltipname)].glow,0);
19     set(plugin[get(tooltipname)].glowcolor,0xFFFFFF);
20     set(plugin[get(tooltipname)].css,‘text-align:center; color:#FFFFFF; font-family:MicrosoftYahei;  font-size:14px;‘);
21     if(device.mobile,set(plugin[get(tooltipname)].css,‘text-align:center; color:#FFFFFF; font-family:MicrosoftYahei; font-weight:bold; font-size:22px;‘);
22         set(plugin[get(tooltipname)].y,40););
23     set(plugin[get(tooltipname)].textshadow,0);
24     set(plugin[get(tooltipname)].textshadowrange,6.0);
25     set(plugin[get(tooltipname)].textshadowangle,90);
26     copy(plugin[get(tooltipname)].html,scene[get(linkedscene)].title);
27     set(plugin[get(tooltipname)].enabled,false);    
28 </action>