• Krpano动态热点添加始终显示的文字


    1.显示 <scene> title 中的文字

    在热点的 onload 事件中加上 add_all_the_time_tooltip()

    <hotspot name="spot1"  style="skin_hotspotstyle" 
                handcursor="true"
                zoom="false"
                onhover="set(autorotate.enabled, false);"
                onout="set(autorotate.enabled, true);"
                onloaded="add_all_the_time_tooltip()"
                onclick="loadscene(get(linkedscene))"
                ath="52.621" atv="19.322" linkedscene="scene_img2" tooltip="tooltip 1"/>

    (或者在 <hotpsot> text 中添加显示自定义的文字)

    <hotspot name="spot1" 
                    url="animatedhotspot_white.png" 
                    onloaded="do_crop_animation(64,64, 60);"   
                    ath="-15" atv="-12" 
                    onclick="loadscene(get(linkedscene))" 
                    text="自定义文字"/>

    2.空白处加上 action

    <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)].autowidth,true);
            set(plugin[get(tooltipname)].autoheight,true);
            set(plugin[get(tooltipname)].vcenter,true);
            set(plugin[get(tooltipname)].background,true);
            set(plugin[get(tooltipname)].backgroundcolor,0x000000);
            set(plugin[get(tooltipname)].roundedge,5);
            set(plugin[get(tooltipname)].backgroundalpha,0.65);
            set(plugin[get(tooltipname)].padding,5);
            set(plugin[get(tooltipname)].border,false);
            set(plugin[get(tooltipname)].glow,0);
            set(plugin[get(tooltipname)].glowcolor,0xFFFFFF);
            set(plugin[get(tooltipname)].css,'text-align:center; color:#FFFFFF; font-family:MicrosoftYahei;  font-size:24px;');
            if(device.mobile,set(plugin[get(tooltipname)].css,'text-align:center; color:#FFFFFF; font-family:MicrosoftYahei; font-weight:bold; font-size:24px;');
                );
            set(plugin[get(tooltipname)].textshadow,0);
            set(plugin[get(tooltipname)].textshadowrange,6.0);
            set(plugin[get(tooltipname)].textshadowangle,90);
            if(text == '' OR text === null,
            copy(plugin[get(tooltipname)].html,scene[get(linkedscene)].title),
            copy(plugin[get(tooltipname)].html,text)
            );    
            set(plugin[get(tooltipname)].enabled,false);

    3.vtorskin.xml也不要忘记写上onload 和onclick事件

    实现效果

    附: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=""                鼠标停移出范围时时执行动作
             οnclick=""              鼠标停点击时执行动作
             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=""
             οnclick=""
             ondown=""
             onup=""
    >
        <point ath="..." atv="..." />            多边形热点坐标
        <point ath="..." atv="..." />
        <point ath="..." atv="..." />
        ...
    </hotspot>
  • 相关阅读:
    Vector Dictionary HashMap
    崩溃java (打印当前类的地址)
    colspan、rowspan的使用
    基础操作
    安装vuex-devtools插件
    在使用Vuex插件进行状态管理的步骤
    运行cnpm run dev出现错误解决办法
    在使用vue开发时,文件路径的引用(给文件起别名)
    下载脚手架vue.cli出现的问题
    什么是闭包?
  • 原文地址:https://www.cnblogs.com/SallyShan/p/12844469.html
Copyright © 2020-2023  润新知