Dynamicjs 形状随着时间的推移颜色褪色

【问题标题】：Color fade over time with kineticjs shapesDynamicjs 形状随着时间的推移颜色褪色
【发布时间】：2013-03-05 10:38:36
【问题描述】：

我有一个关于褪色的简单问题。

我想让一种颜色在持续时间内融入另一种颜色。如果我使用 kineticjs，您可以使用：.transitionTo()。您可以设置持续时间，他将在给定的持续时间内执行操作。

遗憾的是，它仅适用于不透明度和运动。颜色仍然会立即放置，而不是随着时间的推移混合。我怎么还能有两种颜色的淡入？

【问题讨论】：

标签： javascript colors html5-canvas kineticjs

【解决方案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);

});

});

Background color change transition with jquery

【讨论】：