使用kineticjs形状随着时间的推移颜色逐渐消失

Question

我有一个关于颜色渐变的简单问题。

我想要让一种颜色混合成另一种颜色。 如果我使用kineticjs，你可以使用：.transitionTo（）。你可以设置一个持续时间，他会在给定的时间内完成这个动作。

不幸的是，它只适用于不透明和移动。颜色仍将立即放置，而不是随着时间的推移混合。 我怎么还能用两种颜色淡入？

Answer 1

TransitionTo仅用于数值，颜色不是数值，因此您无法对其使用transitionTo。

要转换颜色，您必须创建自己的解决方案。

尝试一些现有的jQuery：http://jsfiddle.net/sg3s/ktTD6/

jQuery(function($) { 

$('#bg-animated').hover(function() { 

    $(this).data('bg-original', $(this).css('backgroundColor')).animate({ 
     backgroundColor: '#FF0000' 
    }, 500); 

}, function() { 

    $(this).animate({ 
     backgroundColor: $(this).data('bg-original') 
    }, 500); 

}); 

}); 

Background color change transition with jquery