自定义线性变化函数

自定义线性变化函数

函数：

const scale = (num, in_min, in_max, out_min, out_max) => {
  return ((num - in_min) * (out_max - out_min)) / (in_max - in_min) + out_min
}

作用：随着number在inMin和inMax区间里的变化，线性输出outMin到outMax的值。

假设个场景：

​ 现在有一张较大的图片，需要显示这张图片的加载百分比，一开始显示0%，随着图片加载逐渐增大， 等图片完全加载完成后就不再显示百分比。

实现思路：有一个标签用来显示百分比数字。随着图片加载的大小去动态改变标签的opacity样式，从1到0。

​ 使用scale函数，num为图片加载的大小，从0到100，输出值为从1到0。

element.style.opacity = scale(load, 0, 100, 1, 0)