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=""
         />

文字作为热点:

<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[布尔型]
鼠标是否可框选文本框内文字.

•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的情况下，否则文本区域不会变化，也不会触发事件.

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

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

开通VIP会员通道-查看隐藏内容

下一篇>> Sound Interface--官方插件--krpano教程

上一篇>> Videoplayer--官方插件--krpano教程

标签：krpano Textfield 插件文字文本

领主834篇文章站点微博

发表评论

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

热门标签

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

插件说明：

语法：

插件属性：

插件事件：

公告栏

everpano-3D软件漫游制作

请加客服QQ号（2973828267）

关注我们

热门标签

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

插件说明：

语法：

插件属性：

插件事件：

krpano1.20.7修正版本发布

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

krpano1.20.3修正版本发布

公告栏

everpano-3D软件漫游制作

请加客服QQ号（2973828267）

关注我们