javascript - 未捕获的类型错误：对象#

Question

After upgrading kineticjs from 4.0.5 to 4.5.1, I get

Uncaught TypeError: Object #<Object> has no method 'transitionTo'

Following code works with the previous version:

gameLayer.transitionTo({
        duration: '0.5',
        opacity: 1,
        callback: function() {
            intervalId = setInterval(reDraw, 33);
            isInteractive = true;

        }
    });

Whats the the alternative function for transitionTo in 4.5.1

UPDATE

I opened an issue over Github, according to the guy transitionTo has been removed and it is replaced by Tween

Regards,

score 3 · Accepted Answer

您可以使用如下onFinish属性：

 var tween = new Kinetic.Tween({
    node: rect, 
    duration: 1,
    x: 400,
    y: 30,
    rotation: Math.PI * 2,
    opacity: 1,
    strokeWidth: 6,
    scaleX: 1.5,
    onFinish: function() {console.log('onFinish');}
  });

score 2 · Accepted Answer

替代方案是 TweenLite。它比经典的 Kinetic 转换具有更多的功能，因此它们已被弃用，并且 TweenLite 完全适应 KineticJS 形状。

这是一个向我们展示如何使用这些转换的教程。

http://www.html5canvastutorials.com/kineticjs/html5-canvas-linear-transition-tutorial-with-kineticjs/

  var stage = new Kinetic.Stage({
    container: 'container',
    width: 578,
    height: 200
  });
  var layer = new Kinetic.Layer();
  var rect = new Kinetic.Rect({
    x: 100,
    y: 100,
    width: 100,
    height: 50,
    fill: 'green',
    stroke: 'black',
    strokeWidth: 2,
    opacity: 0.2
  });

  layer.add(rect);
  stage.add(layer);

  var tween = new Kinetic.Tween({
    node: rect, 
    duration: 1,
    x: 400,
    y: 30,
    rotation: Math.PI * 2,
    opacity: 1,
    strokeWidth: 6,
    scaleX: 1.5
  });

  // start tween after 20 seconds
  setTimeout(function() {
    tween.play();
  }, 2000);

javascript - 未捕获的类型错误：对象#

UPDATE

vim function external call

2 回答 2

UPDATE

vim function external call

2 回答 2

Related

Reference