幂方程指数衰减

# 效果图

Alt text

# 使用

# 如环与文字递减缩小效果

  // 幂方程指数衰减 i越大值变小的越快 initial: 初始值 rate: 衰减率 i: 索引
  function exponentialDecay(initial, rate, i) {
    return initial * Math.pow(rate, i);
  }

  const MOCKDATA = [
    { index: 0, name: 1, size: 0 },
    { index: 1, name: 2, size: 0 },
    { index: 2, name: 3, size: 0 },
    { index: 3, name: 4, size: 0 },
    { index: 4, name: 5, size: 0 },
  ]
  // 假设需要动态size
  MOCKDATA.forEach((item, index) => {
    item.size = exponentialDecay(100, 0.9, index);
  })
  // 输出
  // console.log(MOCKDATA)
  // [
  //   { "index": 0, "name": 1, "size": 100 },
  //   { "index": 1, "name": 2, "size": 90 },
  //   { "index": 2, "name": 3, "size": 81 },
  //   { "index": 3, "name": 4, "size": 72.9 },
  //   { "index": 4, "name": 5, "size": 65.61000000000001 }
  // ]

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

上次更新: 2024/05/08, 17:08:21

← WebSocket中加入Token pageSpy→