`
zhouxueliang
  • 浏览: 35382 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

发光样式类型属性

 
阅读更多
The 发光样式类型 让你对任何图表对象应用发光的轮廓。它具有以下可配置的属性:
属性
描述
Color
发光的十六进制颜色(无#)默认值是FF0000
Alpha
发光颜色的透明度。有效值范围是0到100,例如, 25设置的是25%的透明度
blurX
水平模糊量。有效值为0到255。默认值是4。权值,如2,4 2(8,16和32)是最优的,呈现速度快于其他值。
blurY
垂直模糊量。有效值为0到255。默认值是4。权值,如2,4 2(8,16和32)是最优的,呈现速度快于其他值。
Strength
压印或扩散的强度。该值越高,阴影和背景之间的颜色印记和强度差距越大。有效值范围是0到255,默认值是2.
Quality
阴影呈现时间值。有效值范围是0到15。默认值是1,这等同于低质量。值为2为中等质量,值为3是高质量。较低的值呈现阴影较快。

设置发光颜色和透明度
为定义发光体的颜色和透明度,你可以使用下面的代码:
<style name='MyFirstGlow' type='Glow' color='FF5904' alpha='75'/>

属性
格式
例子
Color
color='十六进制值( 无#)'
color='FF5904'
Alpha
alpha='值 (0到100)'
alpha='75'
呈现如下:


配置发光模糊
你可以配置发光模糊数如下:
<style name='MyFirstGlow' type='Glow' color='FF5904' alpha='75' blurX='12' blurY='12'/>

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



原始图表 – 默认模糊    
blurX和blurY设置为10

发光强度和质量控制
你可以控制发光强度和质量以获得更好的效果
下面例子展示一个更高的强度:
<style name='MyFirstGlow' type='Glow' color='FF5904' alpha='75' strength='5'/>
<style name='MyFirstGlow' type='Glow' color='FF5904' alpha='75' quality='10'/>

属性
格式
例子
Quality
quality='值'
quality='10'
Strength
strength='值'
strength='5'



默认图表 – 默认模糊
增强的强度
你可以对图表任何对象应用发光效果。这不仅限于数据绘制。太多的应用可能会导致渲染呢变慢。
分享到:
评论

相关推荐

    echarts 地图散点发光涟漪效果

    在这个案例中,我们使用的是中国地图,通过设置地图的样式,实现散点分布并赋予发光效果。 2. **地图散点** 散点通常用于表示地理位置上的数据点,如人口、销售额等。在 ECharts 中,我们可以利用 `series` 配置项...

    CSS3 发光边框

    除了`box-shadow`,还可以使用伪元素`::before`和`::after`结合`content`属性和`border`样式来创建发光效果。这种方法需要更多的代码,但可以提供更多的定制灵活性,比如控制发光边框的方向。 ```css .box { ...

    易语言GDI发光字

    1. **选择合适的字体和颜色**:首先,你需要创建一个GDI字体对象,指定字体的类型、大小、样式等属性。同时,选择合适的前景色和背景色,这将决定文字的显示效果。 2. **创建位图**:为了实现发光效果,我们需要在...

    CSS3 Animation属性发光按钮代码

    /* 添加过渡效果,所有属性变化时间为0.3秒,动画类型为ease */ } button:hover { background-color: #45a049; /* 鼠标悬停时的背景色 */ box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0...

    黑色带发光效果的HTML5登录框.rar

    例如,`&lt;form&gt;`元素用于创建表单,`&lt;input&gt;`元素则用于创建输入字段,可以设置type属性来定义不同的输入类型,如text(文本)和password(密码)。此外,HTML5还支持离线存储、拖放功能、媒体元素等,使得网页能够更...

    ps样式 ps字体样式 ps样式版本

    在Photoshop中,字体样式不仅指的是字体的类型,还包括了字体的大小、颜色、间距、倾斜度、描边等属性。这些属性可以通过字符面板或者段落面板进行调整。更重要的是,PS字体样式允许设计师自定义一组特定的字体属性...

    QT qss 自绘控件 启动停止切换按钮控件、高亮发光按钮控件、qt定时器

    在实现过程中,我们可能需要在鼠标进入、按下和离开按钮时改变其样式,例如增加发光效果。CY_LightButton.cpp和CY_LightButton.h文件会包含实现这些效果的代码,可能包括对QSS的动态修改,以及对事件处理函数的重写...

    jQuery+CSS3发光气泡上升动画特效.zip

    通过调整颜色、模糊半径、偏移量等参数,可以创建出不同类型的发光效果。 - 可能还使用了CSS3的`filter`属性,比如`drop-shadow`,来创建更复杂的发光效果。 3. **气泡上升动画** - 使用CSS3的`transform`属性的`...

    华丽的HTML5 CSS3输入框聚焦发光动画表单

    在创建聚焦发光动画时,我们首先需要设置输入框的基础样式,如边框、背景色等。然后,利用`:focus`伪类来指定当输入框获得焦点时的样式变化。例如,我们可以设置一个动态的边框颜色变化: ```css input:focus { ...

    基于css3 transform鼠标悬停按钮变形发光特效源码.zip

    【标题】"基于css3 transform鼠标悬停按钮变形发光特效源码"是一个示例项目,它利用了CSS3中的transform属性来实现按钮在鼠标悬停时的动态效果,包括变形和发光。这个特效能为网站的交互性增添亮点,吸引用户的注意...

    易语言发光笔

    - **用户配置**:允许用户自定义发光笔的颜色、样式和触发条件,这需要保存和读取用户配置信息。 - **扩展功能**:可以增加其他功能,如搜索、书签、代码折叠等,提升编程体验。 5. **学习与实践**: - **学习...

    css3悬停按钮变形发光特效.zip

    在这个例子中,`transition`属性用于指定过渡效果的持续时间和动画类型,`transform`属性则用于按钮的形状变换,如缩放(scale)或旋转(rotate)。`box-shadow`属性用来创建阴影效果,通过调整其参数,可以模拟按钮...

    易语言API描绘发光文字源码

    2. **设置文本属性**:包括字体类型、大小、颜色等,这些可以通过CreateFont和SelectObject函数来设定。 3. **定义文字位置**:使用SetTextAlign和MoveToEx函数确定文字在屏幕上的起始位置。 4. **多次描绘文字**...

    纯css3黑色发光分享按钮特效

    本特效通过CSS3的属性和方法,为按钮赋予了黑色背景与光晕效果,使按钮在鼠标悬停时产生发光动态效果,增强用户点击的欲望。 首先,我们要了解CSS3中的关键特性,这些特性用于创建这个特效: 1. **伪类选择器**:...

    PS样式表大全很棒的

    1. **图层样式**:包括投影、内阴影、外发光、内发光、斜面和浮雕、描边等。这些效果能够为图层添加立体感、光照效果或者边框装饰。 2. **文本样式**:针对文字图层的特定效果,如字形变形、颜色渐变、描边、纹理...

    PS恐怖字体样式

    在Photoshop中,样式是一种预设的组合效果,可以应用于文本、形状或其他图层,包括填充颜色、描边、渐变、图案、混合模式、透明度等众多属性。用户可以自定义样式,并将其保存为.ASL(Adobe Style Language)文件,...

    PhotoShop 样式包

    样式(Styles)在Photoshop中是一个极其实用的功能,它允许设计师保存一组特定的效果,如图层样式、混合模式、渐变、阴影、发光、描边等,并能在后续的设计中快速应用到其他图层上。这样不仅能够保持设计的一致性,...

    利用PS制作发光水晶字效果教程.docx

    1. 选择文字图层,在图层面板下方点击“添加图层样式”按钮,从弹出的菜单中选择合适的图层样式进行添加,如投影、内阴影、外发光等,以增加文字的立体感和发光效果。 2. 对于发光效果,可以设置“外发光”样式,...

    HTML5实现的登录表单载入出现气泡发光动画特效源码.zip

    `placeholder`属性用于在输入框内显示提示文字,而`type`属性则指定了输入框的类型。 HTML5还引入了新的表单元素和属性,如`&lt;fieldset&gt;`(用于分组相关表单控件)、`&lt;legend&gt;`(为`&lt;fieldset&gt;`提供描述)、`&lt;label&gt;...

Global site tag (gtag.js) - Google Analytics