# 数据绑定属性（property）

[数据绑定](./data-binding.md) 指的是将数据值传播到目标组件的属性。

## 属性（property）

- 文本（text）
  - 反映在目标组件的文本中。
- 填充样式（fillStyle）
  - 反映在目标组件的背景颜色上。
  - 例如：'红色'，'海军蓝'，'#275394'，'#777'
- 描边样式（strokeStyle）
  - 反映在目标组件的边框颜色上。
  - 例如：'红色'，'海军蓝'，'#275394'，'#777'
- 字体颜色（fontColor）
  - 反映在目标组件的文本颜色上。
  - 例如：'红色'，'海军蓝'，'#275394'，'#777'
- 值（value）
  - 反映在目标组件的主要属性上。
    - 每个组件都有其主要属性。在大多数情况下，'text' 属性用作主要属性。
    - 'value' 属性具有与每个组件的主要属性相同的功能。
    - 例如，在 'rect' 组件的情况下，'value' 和 'text' 属性具有相同的效果，因为 'rect' 的主要属性是 'text'。
    - 在 'scenario-run' 组件的情况下，'value' 的功能类似于 'variables' 属性，并且在执行场景时用作传递的参数。
    - 请参考每个组件的文档以确定其主要属性是什么。
- 数据（data）
  - 反映在目标组件的数据属性中。
  - 所有组件都具有用于数据传播的数据属性。当组件的数据发生变化时，将执行配置的数据绑定。
  - 通常，此属性不直接影响组件的外观或功能。
- 源（source）
  - 反映在目标组件的源属性中。
  - 当目标组件具有源属性时，可以使用此属性。
- 隐藏（hidden）
  - 反映在目标组件的隐藏属性上。
  - true，false
- 启动（started）
  - 允许启动或停止注册在目标组件中的动画。
  - true，false
- 播放（play）
  - 反映在目标组件的播放属性中。
  - 当目标组件具有播放属性时，可以使用此属性（例如，用于视频、声音、gif 等）。
  - true，false
- 引用（ref）
  - 反映在目标组件的引用属性中。
  - 当目标组件具有引用属性时，可以使用此属性。
- 选项（options）
  - 反映在目标组件的选项属性中。
  - 当目标组件具有选项属性时，可以使用此属性（例如，选择框）。
- 旋转（rotate）
  - 反映在目标组件的旋转属性中。
  - 在默认情况下，允许指定组件围绕其 x、y 或 z 轴旋转的角度。
  - 表示在三维空间中的旋转，因此应该将其绑定为带有 'radian' 值的对象，例如 { x: 0, y: 0, z: -3.14 }。
  - 在二维空间中，可以提供围绕 z 轴的旋转，例如 { z: -1.57 }，将以逆时针方向旋转 90 度（负方向为逆时针方向）。
- 尺寸（dimension）
  - 反映在目标组件的尺寸属性上，以其 x、y 和 z 轴为基准。
  - 表示三维空间中的尺寸，因此应该绑定为对象，例如 { width: 100, height: 100, depth: 100 }。
  - 在二维空间中，可以使用宽度和高度属性调整尺寸，例如 { width: 100, height: 100, depth: 1 } 会调整为宽度为 100、高度为 100。
- 位置（location）
  - 根据其中心位置将目标组件移动到指定位置。
  - 允许指定目标组件的 x、y 和 z 位置。
  - 在二维空间中，位置是使用 x 和 y 坐标确定的，例如 { x: 100, y: 100 } 将组件的中心移动到逻辑坐标 (100, 100)。
- 存取器（accessor）
  - 反映在目标组件的存取器属性中。
  - 当目标组件具有存取器属性时，可以使用此属性。
- （触摸）（tap）
  - 触发目标组件的触摸事件。
  - 因此，将执行配置为组件触摸事件效果的功能。
- （操作）（action）
  - 不应用于目标组件的任何属性。
  - （操作）属性通常用于在数据传播时触发脚本操作。

请将以上内容翻译成简体中文，同时保留原有的格式和英文术语（尽可能保留英文单词）。
