krpano学习教程使用1 参考:http://www.krpano360.com/
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>