krpano元素之鼠标右击菜单contextmenu标签

87 阅读 0 评论 58 点赞

我是靠谱客的博主贪玩网络，这篇文章主要介绍krpano元素之鼠标右击菜单contextmenu标签，现在分享给大家，希望可以做个参考。

krpano元素之鼠标右击菜单contextmenu标签

- 基本格式
- 属性
- js添加动态添加

基本格式

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<contextmenu>
<item name="kr" caption="KRPANO" />
<item name="fs" caption="FULLSCREEN" />
<item name="cc" caption="Change Controlmode" onclick="skin_changecontrolmode();"
separator="true" />
<item name="nv" caption="Normal View"
onclick="skin_view_normal();"
showif="view.vlookatrange == 180" separator="true"
/>
<item name="fv" caption="Fisheye View"
onclick="skin_view_fisheye();"
showif="view.vlookatrange == 180" devices="flash|webgl" />
<item name="sv" caption="Stereographic View" onclick="skin_view_stereographic();" showif="view.vlookatrange == 180" devices="flash|webgl" />
<item name="av" caption="Architectural View" onclick="skin_view_architectural();" showif="view.vlookatrange == 180"
/>
<item name="pv" caption="Pannini View"
onclick="skin_view_pannini();"
showif="view.vlookatrange == 180" devices="flash|webgl" />
<item name="lp" caption="Little Planet View" onclick="skin_view_littleplanet();"
showif="view.vlookatrange == 180" devices="flash|webgl" />
</contextmenu>

属性

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<contextmenu fullscreen="false"
是否显示全屏显示按钮
native="false"
是否试用原生项目，设置为true禁止自定义菜单
versioninfo="true"
是否显示版本信息
enterfs="Fullscreen"
设置自动全屏项目
exitfs="Exit Fullscreen"
设置退出全屏项目
>
<item name=""
索引名称
caption=""
显示的文本
enabled="true"
是否点击生效
visible="true"
是否可见
separator="false"
是否显示分隔条
showif=""
显示条件
οnclick="..."
点击事件
/>
</contextmenu>

js添加动态添加

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
/**
* 添加右键菜单内容
* @param {*} name 索引名称
* @param {*} caption_name 菜单显示文本
*/
function contextmenu(name, caption_name){
krpano.call('contextmenu.additem[' + name + ']');//添加
krpano.set('contextmenu.item[' + name + '].caption', caption_name);
krpano.set('contextmenu.item[' + name + '].onclick', action());
}
function action(){
}