自定义背景组件

样式

• 尺寸位置
  • 图表尺寸：设置图表的宽和高。单位为px。
  • 图表位置：设置图表在画布中的位置。单位为px。
  图1 尺寸位置-自定义背景组件
  
• 全局样式
  • 背景色：单击颜色编辑器设置背景颜色。
  • 背景图片：设置组件的背景图片，您可以从本地上传图片素材。
  • 缩放模式：单击下拉选项设置背景图片的缩放模式。可以选择为默认模式、按比例缩放、裁剪缩放、拉伸缩放。
  • 羽化：输入数值或单击设置背景组件的边缘虚化程度。羽化值为0，显示边缘无虚化；羽化值增加，虚化效果加强。
  • 模糊度：输入数值或单击设置背景组件的整体虚化程度。模糊值为0，背景无虚化； 模糊值增加，虚化效果加强。
  • 亮度：输入数值或拖动，设置背景组件的色彩明暗程度。亮度值为0，背景色调为黑暗效果；随亮度值增加，背景组件色彩更明亮。
  • 色相旋转：输入数值或拖动，设置背景组件的色相值。色相值变化范围表示色轮的角度范围，色相值为0，颜色没有变化。
  • 不透明度：输入数值或拖动，设置背景组件的不透明度。值为0，背景完全透明；值为100，背景完全不透明。
  图2 全局样式-自定义背景组件
  
• 边线选项
  • 样式：设置背景组件的边线样式。可以选择为实线、虚线或点划线。
  • 宽度：设置背景组件的边线粗细程度。宽度为0，边线隐藏，宽度值越大，边线越粗。
  • 颜色：设置背景组件的边线颜色。
  图3 边线选项-自定义背景组件
  
• 圆角
  • 左上角：设置背景组件左上角的圆角形状。圆角值越大，圆角度越明显。最小值为0%，最大值为50%。
  • 右上角：设置背景组件右上角的圆角形状。圆角值越大，圆角度越明显。最小值为0%，最大值为50%。
  • 右下角：设置背景组件右下角的圆角形状。圆角值越大，圆角度越明显。最小值为0%，最大值为50%。
  • 左下角：设置背景组件左下角的圆角形状。圆角值越大，圆角度越明显。最小值为0%，最大值为50%。
• 动画
  • 显示/隐藏动画：单击“动画”右侧的勾选框，表示显示动画，表示隐藏动画。
  • 动画效果：单击下拉选项设置背景组件的动画效果。您可以设置为波幅、闪现、脉冲、摇摆、弹跳、弹跳渐入、弹跳消失、旋转渐入、旋转消失、放大渐入。
  • 速度：设置背景组件的动画快慢效果。您可以设置为慢速、缓慢、快速、更快。
  • 时间间隔： 设置动画运行的时间间隔。

数据

bg：背景图片地址。

• 当“bg”有配置时，大屏优先显示“bg”配置的图片；
• 当“bg”没有配置时，大屏显示“样式”页签中“全局样式”下的“背景图”。
• 当“背景图”也没有配置时，大屏显示蓝色的背景框。

交互

关于组件是否支持交互功能及交互的使用方法，请参考设置组件事件交互。