Krpano 热点-hotspot

一般热点：

<hotspot name="..."
定义热点名称
type="image"
定义热点类型，只能是image
url="..."
热点图像路径，支持SWF, JPG, PNG, GIF
alturl="..."
html5状态下显示的图像路径
keep="false"
是否在下一场景跳转后保持显示
devices="all"
支持设备类型
visible="true"
是否可见
enabled="true"
设置热点是否接收鼠标事件
handcursor="true"
设置是否鼠标移到上面显示小手
maskchildren="false"
设置是否将子控件变成蒙板
zorder=""
插入元素的次序索引，可以是字符也可以是数字，html5输出必须是0-100整数
zorder2="0.0"
设置为0.0和1.0，分别对应当前热点在扭曲控件之下和之上
capture="true"
与enabled配合使用，都为true只对热点传递动作，capture="false"可对子控件传递动作
children="true"
设置子控件是否接收热点鼠标事件
blendmode="normal"
设置混合模式，可选：normal, layer, screen, add, subtract, difference, multiply, overlay, lighten, darken, hardlight, invert.
style=""
读入已设置好的style名称
ath="0.0" atv="0.0"
设定将场景缩略图为球形热点
edge="center"
热点的边界对齐点
ox="0"
边界到对齐点的偏移量
oy="0"
zoom="false"
设置是否场景缩放时，热点跟随缩放
distorted="false" rx="0.0" ry="0.0" rz="0.0"
设置热点是否跟随场景进行3D扭曲
details="8"
热点显示的细节数量，默认为8
inverserotation="false"
设置是否逆向旋转3D扭曲
flying="0.0"
设置ath/atv/scale的插值
width="" height=""
设置热点宽高
scale="1.0"
设置热点缩放
rotate="0.0"
设置热点旋转角度
pixelhittest="false"
是否启动精确像素测试
smoothing="true"
设置缩放时，是否平滑化处理
accuracy="0"
设置像素渲染值（flash下）
accuracy2="1"
设置精度控制（html5下）
alpha="1.0"
设置透明度
autoalpha="false"
设置是否自动变更透明度
usecontentsize="false"
是否使用用户指定flash大小，默认false原始大小
scale9grid=""
定义是否支持矢量缩放，scale9grid="x-position|y-position|width|height|prescale*"
crop=""
定义元素坐标及宽高
crop="x-position|y-position|width|height"
onovercrop=""
设置元素鼠标移到上方后的坐标及宽高
ondowncrop=""
设置元素鼠标按下状态后的坐标及宽高
scalechildren="false"
子元素是否跟随缩放
mask=""
mask="name"
mask="layer[name]"
mask="hotspot[name]"
effect=""
热点位图效果3种：glow(color,alpha,range,strength);
dropshadow(depth,angle,color,range,strength);
blur(radius);
onover=""
鼠标在经过上方时执行动作
onhover=""
鼠标停在上方时执行动作
onout=""
鼠标停移出范围时时执行动作
onclick=""
鼠标停点击时执行动作
ondown=""
鼠标按下时执行动作
onup=""
鼠标按键松开时执行动作
onloaded=""
加载元素完成后执行动作
/>

多边形热点：

<hotspot name="..."
keep="false"
visible="true"
enabled="true"
handcursor="true"
zorder=""
capture="true"
blendmode="normal"
style=""
alpha="1.0"
autoalpha="false"
fillcolor="0xFFFFFF" fillcolorhover="0xFFFFFF"
填充颜色及鼠标移上后颜色
fillalpha="0.0" fillalphahover="0.1"
填充颜色透明度及鼠标移上后颜色透明度
borderwidth="0.0" borderwidthhover="4.0"
边界宽度及鼠标移上后边界宽度
bordercolor="0xFFFFFF" bordercolorhover="0xFFFFFF"
边界颜色及边界鼠标移上后颜色
borderalpha="0.0" borderalphahover="0.8"
边界透明度及鼠标移上后边界透明度
fadeintime="0.15" fadeincurve="1.1"
悬停状态变化时间及形式
fadeouttime="0.3" fadeoutcurve="0.7"
onover=""
onhover=""
onout=""
onclick=""
ondown=""
onup=""
>
<point ath="..." atv="..." />
多边形热点坐标
<point ath="..." atv="..." />
<point ath="..." atv="..." />
...
</hotspot>

附（RGB颜色表，用于多边形面颜色）：

• https://blog.csdn.net/u011822516/article/details/42679325

多边形热点（简化）：

<hotspot name="spot5" keep="true" visible="true" capture="false" >
<point ath="-169.438" atv="17.104" />
<point ath="-58" atv="16" />
<point ath="-18" atv="0" />
</hotspot> 

热点显示文字-鼠标移入显示：

<hotspot name="h3_x" onhover="showtext(广告位招租,STYLE12);" onclick="openurl('http://baidu.com',_blank)" alpha="0"
>
<point ath="-12" atv="-17" />
<point ath="6" atv="-17" />
<point ath="6" atv="10" />
<point ath="-12" atv="10" />
</hotspot>

热点显示文字-一直显示文字：

<hotspot name="spot3" style="your_hotspotstyle" ath="-30.441" atv="14.181" tooltip="tooltip 1"/>
<hotspot name="spot4" style="your_hotspotstyle" ath="-48.224" atv="12.630" tooltip="tooltip 2"/>
<style name="your_hotspotstyle" url="images/d.png" scale="0.5" edge="top" oy="0" distorted="false" onloaded="add_all_the_time_tooltip();" />
<action name="add_all_the_time_tooltip">
txtadd(tooltipname, 'tooltip_', get(name));
addplugin(get(tooltipname)); txtadd(plugin[get(tooltipname)].parent, 'hotspot[',get(name),']');
set(plugin[get(tooltipname)].url,'%SWFPATH%/plugins/textfield.swf');
set(plugin[get(tooltipname)].align,top); set(plugin[get(tooltipname)].edge,bottom);
set(plugin[get(tooltipname)].x,0); set(plugin[get(tooltipname)].y,0);
set(plugin[get(tooltipname)].width,200); set(plugin[get(tooltipname)].autoheight,true);
set(plugin[get(tooltipname)].background,false); set(plugin[get(tooltipname)].border,false);
set(plugin[get(tooltipname)].css,'text-align:center; color:#FFFFFF; font-family:Arial; font-weight:bold; font-size:16px;');
set(plugin[get(tooltipname)].textshadow,1); set(plugin[get(tooltipname)].textshadowrange,6.0); set(plugin[get(tooltipname)].textshadowangle,90);
copy(plugin[get(tooltipname)].html,hotspot[get(name)].tooltip);
set(plugin[get(tooltipname)].enabled,false);
</action>