After I upgrade kineticjs 4.5.3 to 5.0.1, tween play function doesn't work. My function is
ZoomOnPoint: function (pos, delta, options) {
options || (options = {});
var viewport = gstage.getPosition();
var scale1 = gstage.getScale().x;
var scale2 = scale1 + delta;
if ((scale1 < 2 && delta > 0) || (scale1 > 0.5 && delta < 0)) {
if (options == true) {
}
else {
// can't see the animation
var tween = new Kinetic.Tween({
node: gstage,
x: -((pos.x - viewport.x) * (scale2 / scale1)) + pos.x,
y: -((pos.y - viewport.y) * (scale2 / scale1)) + pos.y,
duration: 0.5,
easing: Kinetic.Easings.StrongEaseOut,
scaleX: scale2,
scaleY: scale2,
onFinish: function () {
this.destroy();
}
});
tween.play();
}
}
The input parameter x, y scaleX, scaleY is same as in 4.5.3. Any one can give me some ideas? Thanks
Something wrong with your code, but main usage of Kinetic.Tween
is correct.
Your working tween demo: http://jsbin.com/dakog/1/edit