layer标签说明—krpano教程

领主 krpano标签 0 喜欢 (3)

layer标签：图层标签，功能与html的DIV类似，层标签元素位于底层全景图之上，可以插入图片、视频、按钮、容器层等元素，krpano制作的全景皮肤，基本都是使用layer标签实现。

领主提醒：layer和hotspot是krpano的两大最重要及最常用标签，须重点掌握。

<layer name="..."        
           //定义引入的元素名称

       type="image"       
           //引入元素的类型，可以为image 或 container，container为容器，可在容器内继续引入多个媒体元素

       url="..."          
           //引入元素的路径（支持格式：SWF, JPG, PNG, GIF.）

       alturl=""          
           //引入元素的路径（支持格式：SWF, JPG, PNG, GIF.），只在html5浏览器使用

       keep="false"       
           //是否在跳入新场景时仍然保留显示该元素

       devices="all"      
           //设置显示的设备类型（详见设备列表）

       parent=""          
           //设置父容器名称，可以直接是 plugin的name,也可以是全称：parent="layer[name]"或parent="hotspot[name]"

       visible="true"     
           //设置插入元素是否可见

       enabled="true"     
           //设置插入元素是否接受鼠标事件

       handcursor="true"  
           //鼠标移动该元素上时，是否变为小手

       maskchildren="false"  
           //设置是否将子控件变为蒙板，设置为TRUE后，除子控件范围显示外，子控件边框与父控件边框之间区域将不显示

       scalechildren="false" 
           //设置是否子空间跟随父控件一同缩放

       zorder=""              
           //插入元素的次序索引，可以是字符也可以是数字，html5输出必须是0-100整数

       style=""               
           //调用已在文件中定义好的style的名称

       align=""               
           //元素在屏幕对齐方式，lefttop, left, leftbottom, top, center, bottom, righttop, right, rightbottom （见示意图）

       edge=""                
           //元素的边缘或描点层对齐方式，lefttop, left, leftbottom, top, center, bottom, righttop, right, rightbottom （见示意图）

      safearea="true"
           //设置是否layer只显示安全区域内，默认true,  如果设置为false，layer显示范围将超出安全区域，安全区域详见pr14文档

       x=""                   
           //对齐边界到对齐点的X横向距离

       y=""                   
           //对齐边界到对齐点的y横向距离

       rotate="0.0"           
           //插入元素显示时旋转度数

       width=""               
           //插入元素的显示宽度

       height=""              
           //插入元素的显示高度

       scale="1.0"            
           //插入元素的缩放比例

       alpha="1.0"            
           //插入元素的不透明度

       crop=""                
           //自定调整定义元素坐标及宽高  crop="x-position|y-position|width|height"

       onovercrop=""          
           //设置元素鼠标移到上方后的坐标及宽高

       ondowncrop=""          
           //设置元素鼠标按下状态后的坐标及宽高

       bgcolor="0x000000"      
           //type="container"状态下的背景颜色，非container状态下无效

       bgalpha="0.0"           
           //背景不透明度

       bgcapture="false"       
           //是否捕抓在背景容器上事件（type="container"状态下生效）

       onover=""              
           //鼠标在经过上方时执行动作

       onhover=""             
           //鼠标停在上方时执行动作

       onout=""                
           //鼠标停移出范围时时执行动作

       onclick=""              
           //鼠标停点击时执行动作

       ondown=""               
           //鼠标按下时执行动作

       onup=""                 
           //鼠标按键松开时执行动作

       onloaded=""             
           //加载元素完成后执行动作

       />



样例：



<layer name="logo"
       url="logoimage.png"
       align="rightbottom" x="20" y="20"
       onclick="openurl('http://...');"
       >

<layer name="imagebar" type="container" width="100%" height="200" align="leftbottom" bgcolor="0x000000" bgalpha="0.5">   
//type="container"该layer为容器层，可以设置容器层背景颜色。 
  <layer name="item1" url="image1.jpg" align="left" x="10" />
  <layer name="item2" url="image2.jpg" align="left" x="110" />
  <layer name="item3" url="image3.jpg" align="left" x="210" />
</layer>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

<layer name="..."

//定义引入的元素名称

type="image"

//引入元素的类型，可以为image 或 container，container为容器，可在容器内继续引入多个媒体元素

url="..."

//引入元素的路径（支持格式：SWF, JPG, PNG, GIF.）

alturl=""

//引入元素的路径（支持格式：SWF, JPG, PNG, GIF.），只在html5浏览器使用

keep="false"

//是否在跳入新场景时仍然保留显示该元素

devices="all"

//设置显示的设备类型（详见设备列表）

parent=""

//设置父容器名称，可以直接是 plugin的name,也可以是全称：parent="layer[name]"或parent="hotspot[name]"

visible="true"

//设置插入元素是否可见

enabled="true"

//设置插入元素是否接受鼠标事件

handcursor="true"

//鼠标移动该元素上时，是否变为小手

maskchildren="false"

//设置是否将子控件变为蒙板，设置为TRUE后，除子控件范围显示外，子控件边框与父控件边框之间区域将不显示

scalechildren="false"

//设置是否子空间跟随父控件一同缩放

zorder=""

//插入元素的次序索引，可以是字符也可以是数字，html5输出必须是0-100整数

style=""

//调用已在文件中定义好的style的名称

align=""

//元素在屏幕对齐方式，lefttop, left, leftbottom, top, center, bottom, righttop, right, rightbottom （见示意图）

edge=""

//元素的边缘或描点层对齐方式，lefttop, left, leftbottom, top, center, bottom, righttop, right, rightbottom （见示意图）

safearea="true"

//设置是否layer只显示安全区域内，默认true, 如果设置为false，layer显示范围将超出安全区域，安全区域详见pr14文档

x=""

//对齐边界到对齐点的X横向距离

y=""

//对齐边界到对齐点的y横向距离

rotate="0.0"

//插入元素显示时旋转度数

width=""

//插入元素的显示宽度

height=""

//插入元素的显示高度

scale="1.0"

//插入元素的缩放比例

alpha="1.0"

//插入元素的不透明度

crop=""

//自定调整定义元素坐标及宽高 crop="x-position|y-position|width|height"

onovercrop=""

//设置元素鼠标移到上方后的坐标及宽高

ondowncrop=""

//设置元素鼠标按下状态后的坐标及宽高

bgcolor="0x000000"

//type="container"状态下的背景颜色，非container状态下无效

bgalpha="0.0"

//背景不透明度

bgcapture="false"

//是否捕抓在背景容器上事件（type="container"状态下生效）

onover=""

//鼠标在经过上方时执行动作

onhover=""

//鼠标停在上方时执行动作

onout=""

//鼠标停移出范围时时执行动作

onclick=""

//鼠标停点击时执行动作

ondown=""

//鼠标按下时执行动作

onup=""

//鼠标按键松开时执行动作

onloaded=""

//加载元素完成后执行动作

样例：

<layer name="logo"

url="logoimage.png"

align="rightbottom" x="20" y="20"

onclick="openurl('http://...');"

//type="container"该layer为容器层，可以设置容器层背景颜色。

</layer>

㊣凡未注明来源或投稿方的文章，皆为本站原创或原译作品，转载前须经本站同意，并在转载时注明来自 域图新视界 victu360.com，否则将追究相关法律责任。
本文标题：《layer标签说明—krpano教程》

下一篇>> krpano标签说明—krpano教程

上一篇>> lensflareset标签说明—krpano教程

标签：krpano layer 标签

领主834篇文章站点微博

发表评论

您必须 [ 登录 ] 才能发表留言！

热门标签

layer标签说明—krpano教程

公告栏

everpano-3D软件漫游制作

请加客服QQ号（2973828267）

关注我们

热门标签

layer标签说明—krpano教程

krpano1.20.7修正版本发布

krpano实现转到特定角度出现图片案例[非会员文章]

krpano1.20.3修正版本发布

公告栏

everpano-3D软件漫游制作

请加客服QQ号（2973828267）

关注我们