当前位置: 代码迷 >> Web前端 >> 斜面式样类型
  详细解决方案

斜面式样类型

热度:121   发布时间:2012-11-01 11:11:31.0
斜面样式类型
如果你想为图表的任何对象应用斜面效果,你需要使用下列的斜面样式类型属性列表:
属性
描述
Angle
斜面的角度。有效值从0到360,默认值是45
Distance
斜面的距离. 有效值是像素(浮点). 默认值是4.
shadowColor
斜面阴影颜色。有效值格式是 RRGGBB (无#).默认值是000000
shadowAlpha
阴影颜色的透明度. 这个值是格式化的从0到100。例如, 25 指的是25%的透明度. 默认值是50.
highlightColor
斜面的高光颜色. 有效值是十六进制格式 RRGGBB (无#). 默认值是FFFFFF
highlightAlpha
高光颜色的透明度. 此值是格式化的从0到100,例如25 指的是25%的透明度. 默认值是50.
blurX
水平模糊像素数有效值从0到 255 (浮点). 默认值是 4. 权值2 (如 2, 4, 8, 16, 和32) 比其他值渲染快
blurY
垂直模糊像素数有效值从0到 255 (浮点). 默认值是 4. 权值2 (如 2, 4, 8, 16, 和32) 比其他值渲染快
Strength
压印或扩散的强度。该值越高,斜面和背景之间的颜色印记和强度差距越大。有效值范围是0到255,默认值是1.
Quality
过滤器呈现时间值。默认值是1,这等同于低质量。值为2为中等质量,值为3是高质量。较低的值呈现过滤较快。

为图表对象设置斜面,你需要定义斜面样式类型并应用如下:
<style name='MyFirstBevel' type='Bevel' />

<apply toObject='DataPlot' styles='MyFirstBevel' />

呈现如下:


设置角度和距离
你可以设置角度和距离如下r:
<style name='MyFirstBevel' type='Bevel' distance='7' angle='200'/>

属性
格式
例子
Distance
distance='值 (像素)'
distance='7'
Angle
angle='值 (从0到360)'
angle='200'

看起来如下:


设置阴影颜色
改变阴影颜色和透明度,你可以使用下面的参数:
<style name='MyFirstBevel' type='Bevel' shadowColor='000000' shadowAlpha='80' distance='5' angle='45'>

属性
格式
例子
shadowColor
shadowColor='十六进制值(无#)'
shadowColor='000000'
shadowAlpha
shadowAlpha='value (between 0 to 100)'
shadowAlpha='80'

它会改变阴影颜色如下:


控制模糊量
您还可以更改模糊数量,以获取更顺畅斜角。
<style name='MyFirstBevel' type='Bevel'  blurX='12' blurY='12'/>

属性
格式
例子
blurX
blurX='值'
blurX='12'
Blurry
blurY='值'
blurY='12'

以上的会有如下输出:


原有的默认模糊
blurX和blurY设置为12

增加斜面强度
为了增加斜面强度,使用斜面属性如下:
<style name='MyFirstBevel' type='Bevel' strength='3'/>

属性
格式
例子
Strength
strength='值'
strength='3'

  相关解决方案