渐变色

主要用于实现多种颜色组合的渐变色,分为两个情况

  1. 线性渐变色:由两个端点之间的颜色平滑过渡

    • 起点
    • 终点
    • 颜色点列表
      • 比例值:0代表起点位置,1代表终点位置,介于之间的值代表两点的之间的线性插值的计算的位置
      • 颜色:代表颜色值,可以设置透明色
    • 例子

      1. 使用起点为(100, 0), 终点(100, 100),中间插值(0, red),(0.5, yellow), (1, blue)的渐变色

        linear1

      2. 如果把上个例子的起点设置为(0, 0)

        linear2

      3. 在编辑器例子中,可以在柱状图设置渐变色,使用起点为(0, 0), 终点(0, 10),中间插值(0, red),(1, white)的渐变色 linear3

  1. 径向渐变色:由两个点和半径之间的颜色平滑过渡

    • 点1和半径
    • 点2和半径
    • 颜色点列表
      • 比例值:0代表起点位置,1代表终点位置,介于之间的值代表两点的之间的线性插值的计算的位置
      • 颜色:代表颜色值,可以设置透明色
    • 如果两个点设置相同时,会从中心向外均匀的辐射渐变

      • 点1和半径为(200, 200, 50), 点2和半径(200, 200, 150),中间插值为(0, red),(0.5, yellow), (1, blue)

        radial1

    • 如果两个点设置为不同点,可以创建偏移的渐变效果

      • 点1和半径为(180, 180, 0), 点2和半径(200, 200, 100),中间插值为(0, white),(0.2, lightblue), (0.8, blue), (1, darkblue)

        radial2

    • 在编辑器中,可以使用仪表盘来设置径向渐变色,设置 点1和半径为(0, 0, 0), 点2和半径(0, 0, 100),中间插值为(0.4, white),(0.5, transparent) radial3

results matching ""

    No results matching ""