kineticjs动画旋转onclick多次

时间:2014-02-14 11:25:50

标签: kineticjs

我开始坚持使用Kinetic.js。我想在每次单击或点击时将形状旋转45度,但现在只有一次。我正在使用补间动画旋转。

此处的示例:jsfiddle

有人可以帮助我吗

由于

1 个答案:

答案 0 :(得分:0)

单击节点时创建补间

layer.on('click tap', function(evt) {
  evt.targetNode.tween = new Kinetic.Tween({
    node: evt.targetNode,
    duration: 0.3,
    rotationDeg: evt.targetNode.rotation()+45,
    easing: Kinetic.Easings.EaseOut
  });
  evt.targetNode.tween.play();
}); 

http://jsfiddle.net/JUu2Q/6/