Mootools颜色即时变形

Question

我正在寻找的是一种快速变换颜色的方法 - （而不是事件/时间）。如果有像morphColors（color1，color2，percent）这样的函数会很好 - 百分比应该给出一个小数值，表示变体应该走多远。

也许还有一种Javascript方式？

Thx提前！

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];