Color 控件页

颜色模式

• Color Mode
  可选择 Solid 或 Gradient。

  Solid 使用单一颜色绘制线条。
  Gradient 使用渐变颜色绘制线条，并可通过映射模式控制渐变在路径、图案元素或线宽方向上的分布方式。

纯色

• Red
  控制纯色模式下的红色通道。

• Green
  控制纯色模式下的绿色通道。

• Blue
  控制纯色模式下的蓝色通道。

• Alpha
  控制纯色模式下的不透明度。

渐变

• Gradient
  设置线条使用的渐变颜色。

• Gradient Method
  控制渐变颜色的插值方式。不同插值方式会影响颜色过渡的平滑程度和中间色变化。

• Repeat
  控制渐变超出 0-1 范围时的处理方式。

  None：渐变到达末端后保持末端颜色。
  Repeat：渐变按 0-1 区间循环重复。
  Ping-Pong：渐变在正向和反向之间来回重复。

• Mapping
  控制渐变如何映射到线条上。不同线条类型支持的映射模式不同。

  Stroke：按线条路径长度映射渐变。
  渐变会从路径起点沿路径方向延伸到路径终点。适合制作整条线连续变化的颜色效果。

  Element：按单个图案元素映射渐变。
  每个虚线段、波浪周期或点会单独使用一次渐变。适合让每个图案元素内部重复同样的颜色变化。

  Width：按线宽方向映射渐变。
  渐变会从线条一侧过渡到另一侧，而不是沿路径方向变化。适合制作描边边缘到中心，或左右两侧不同颜色的效果。

  Solid 模式通常只支持 Stroke 和 Width。
  Wave 模式支持 Stroke、Element、Width。
  Dash 模式支持 Stroke、Element、Width。
  Dot 模式主要支持 Stroke 和 Element，其中 Element 会按单个点的范围映射渐变。

• Reverse Gradient
  反转渐变方向。
  在 Stroke 模式下，会交换路径起点和终点的颜色方向。
  在 Element 模式下，会反转每个图案元素内部的颜色方向。
  在 Width 模式下，会反转线宽方向两侧的颜色。

• Gradient Offset
  沿渐变方向偏移颜色位置，可用于制作颜色流动动画。

  在 Stroke 模式下，颜色会沿整条路径流动。
  在 Element 模式下，颜色会在每个图案元素内部偏移。
  在 Width 模式下，颜色会沿线宽方向偏移。