Textfield--官方插件--krpano教程

领主 2015-10-21 krpano学院 0 喜欢 (0)

插件说明:

  • •插件用于显示网页html和css的文本区域.
  • •位置和大小与layer的默认属性一直.
  • •当没有定义宽和高情况下,宽度和高度以内容为基准自适应.
  • •需要支持html标签但只有少量支持在 Flashplayer显示!所以不要直接使用未规定的html和css!
  • •1.19后的版本可以在layer或hotspot内直接通过type="text"来定义文本区域. 这与之前的引入文本插件效果一致,但当然更简短和方便.

 

语法:

文字作为热点: 
<layer name="mytext"
       type="text"
       align="lefttop" x="10" y="10"
       html="Text...[br][b]Bold Text...[/b]"
       css="font-family:Arial; font-size:16px; color:#000000;"
       vcenter="false"
       padding="2"
       wordwrap="true"
       bg="true"
       bgcolor="0xFFFFFF"
       bgalpha="1.0"
       bgborder="0"
       bgroundedge="0"
       bgshadow=""
       txtshadow=""
       mergedalpha="true"
       interactivecontent="false"
       onautosized=""
       />

文字作为热点: 
<hotspot name="mytext"
         type="text"
         ath="0" atv="0" edge="center" distorted="true" renderer="webgl"
         html="Text...[br][b]Bold Text...[/b]"
         css="font-family:Arial; font-size:16px; color:#000000;"
         vcenter="false"
         padding="2"
         wordwrap="true"
         bg="true"
         bgcolor="0xFFFFFF"
         bgalpha="1.0"
         bgborder="0"
         bgroundedge="0"
         bgshadow=""
         txtshadow=""
         mergedalpha="true"
         oversampling="1.0"
         mipmapping="false"
         onautosized=""
         />

 

插件属性:

•html[字符型]
设置显示的文本内容.
 1、直接插入html,可以加入转义短码,如[b]实现加粗,领主提醒,不能直接插入<>号,这样会和xml语法冲突
    html="[b]Bold Text[/b]"
 2、通过调动data标签的文本数据
    html="data:htmltext"

•css[字符型]
 1、显示的文本的html样式
css="text-align:center; color:#FFFFFF; font-family:Arial;"
领主提醒,颜色的前缀用#号,而非0x.
 2、通过调动data标签的样式数据
css="data:cssstyles"

•vcenter[布尔型]
设置文字是否纵向上下居中,如果要设置水平居中,请使用css内设置text-align:center;

•padding[字符型]
这个和html的padding用法一样,都是垫入宽度的意思.

    padding="25" 
    四个边界都垫入25px
    padding="25 50" 
    上、右方向分别垫入
    padding="25 50 75" 
    上右下方向分别垫入
    padding="25 50 75 100" 
    上右下左方向分别垫入

•wordwrap[布尔型]
是否自动换行

•bg[布尔型]
是否显示背景色

•bgcolor[整型]
背景颜色,默认0xFFFFFF,这里是0x开头,注意与样式不同

•bgalpha[数字型]
背景透明度,默认1.0

•bgborder[字符型]
背景边框宽度,默认1.0
bgborder="width color alpha"
可以用上面语法加入更多参数,如颜色和透明度,如:
bgborder="1  0x000000  1"

•bgroundedge[字符型]
定义边框圆角参数,默认0,领主提醒:数值足够大,背景可以被整圆

•bgshadow[字符型]
背景阴影设置
语法:
bgshadow="xoffset yoffset blur color alpha"
xoffset, yoffset 偏移度
blru 模糊半径
color 颜色
alpha 透明度

•txtshadow[字符型]
文字阴影设置
语法:
txtshadow="xoffset yoffset blur color alpha"
xoffset, yoffset 偏移度
blru 模糊半径
color 颜色
alpha 透明度

•mergedalpha[布尔型]
设置背景的alpha透明度是否适用于边框和阴影.

•oversampling[数字型]
文字渲染采样,默认值1.0

•mipmapping[布尔型]
是否启动降低了混叠效应,在缩放文字情况下生效

•interactivecontent[布尔型]
鼠标是否可框选文本框内文字.

 

插件事件:

•onautosized
当文字长度发生变化,导致文本区域自动发生变化时,执行的动作,当然需要在width和height被设置成auto的情况下,否则文本区域不会变化,也不会触发事件.


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

喜欢 0 发布评论
发表评论

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

Top
error: Content is protected !!