javascript - Mootools 颜色即时变形

Question

我正在寻找的是一种快速改变颜色的方法——（不是按事件/时间）。如果有像 morphColors(color1,color2,percent) 这样的函数会很好 - percent 应该给出一个小数值，表示变形应该进行多少。

也许还有一种Javascript方式？

提前谢谢！

Answer 1

您可以使用 Fx 类来做事，但它不是基于 % 的。

mootools 还有一个官方插件：http : //mootools.net/docs/more/Utilities/Color - 见 .mix()

在这里阅读 lessc 的源代码 - https://github.com/cloudhead/less.js/blob/master/lib/less/functions.js#L159-L177 - 将 2 种颜色与重量混合。

Answer 2

我自己找到了解决方案

我在这里分享结果：

if(percent<0) percent=0.0;
else if(percent>1) percent=1.0;
var r = Math.round(color1[0]*(1.0-percent) + color2[0]*percent);
var g = Math.round(color1[1]*(1.0-percent) + color2[1]*percent);
var b = Math.round(color1[2]*(1.0-percent) + color2[2]*percent);
return [r, g, b];