html5-canvas - 拖动后补间不会开始到拖动结束位置（使用 KineticJS）

Question

这看起来可能像一个错误，不知道它是否真的是一个。

»» http://jsbin.com/ejizib/3/edit

移动灰色矩形后，会有一个补间改变其位置。但是补间从原点位置开始，而不是最后一个“拖动结束”位置。

补间应该从拖动结束位置开始，一直到x.参数。为什么它在我的 jsbin 上不起作用？

Answer 1

我通过在“dragend”中实例化补间并删除 tween.reset(); 来使其工作。

rect.on('dragend', function() {
  var tween = new Kinetic.Tween({
    node: rect, 
    duration: 2,
    x: lenght/2
  });
  tween.play();
});

http://jsbin.com/ivobup/3/edit