KineticJS - Kinetic.Path setFill - 需要慢动画

Question

我有来自Kinetic.Path对象的图像，每个区域都可以用鼠标点击填充 - setFill（...）。

是否可以用“慢动画”填充区域？就像那里 - http://goo.gl/0rgry。

谢谢。

Answer 1

首先，你可以制作一个jsfiddle所以你的代码可以玩吗？这样可以获得更准确的结果。

第二，有一个答案，转型。

KineticJS中的大部分内容都可以从一种配置转换为另一种配置。

  var path = new Kinetic.Path({fill: 'blue'});

然后：

  path.transitionTo({fill: 'red', duration: 2};

持续时间是控制速度的原因。我不知道颜色是如何过渡的，所以你应该在kineticJS网站上查找“形状探戈”。