Question

我有一个多边形，我正在设置它以使其成为线性路径。

var anim = new Kinetic.Animation(function(frame) {
shape.setX(99);
if(shape.getPosition().y < window.innerHeight/2){shape.setY(shape.getPosition().y + frame.time/48);};
  }, layer);

所以这个动画是有效的，除了形状永远不会到达页面高度的中心，而是总是稍微过了一点。我知道这是因为shape.getPosition().y < window.innerHeight/2但是使它shape.getPosition().y == window.innerHeight/2会导致形状永不停止，因为计算永远不会完全window.innerHeight/2我想知道是否有人对我如何能有任何想法将对象设置为精确坐标。

Answer 1

你能使用Tween吗？

var tween = new Kinetic.Tween({
  node : rect,
  y : window.innerHeight / 2,
  duration : 0.5
});
tween.play();

http://jsbin.com/zihoqe/1/edit?js,output

KineticJS Animate形状可以准确定位

1 个答案: