使用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