javascript - Kineticjsの形状で時間の経過とともに色が薄くなる

Question

色あせについて簡単な質問があります。

ある色が別の色に溶け込んでいることを望んでいます。Kineticjsを使用する場合は、.transitionTo（）を使用できます。あなたは期間を設定することができ、彼は与えられた期間内に行動を起こします。

悲しいことに、それは不透明度と動きに対してのみ機能します。色は、時間をかけてブレンドするのではなく、即座に配置されます。2色でフェードインするにはどうすればよいですか？

Answer 1

TransitionToは数値にのみ使用され、colorは数値ではないため、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);

});

});

jqueryによる背景色の変更遷移