Kinetic.Tween無法淡出帶有不透明度的文字

Question

我嘗試使用Tweens對kineticjs進行文本淡入淡出，我成功地將它們與文本一起移動，但文本似乎不會褪色。

所以它可能是巨大的，如果有人給我解釋一下我在做什麼錯

這裏是一個jsfiddle，不透明度應該在0.1時警告「補完」現身，但透明度沒有移動。

var stage = new Kinetic.Stage({ 
      container : 'contain', 
      width: $('#contain').width(), 
      height : $('#container').height(), 
    }); 
var layer = new Kinetic.Layer(); 
    //Fade the text in, then fade it out. 
    var textBegin = new Kinetic.Text({ 
      text : 'Text to fade', 
      fill : '#00CCFF', 
      fontSize : 45, 
      x : stage.width()/2, 
      y : stage.height()/2, 
      opacity : 1, 
    }); 
    textBegin.offsetX(textBegin.width()/2); 
    textBegin.offsetY(textBegin.height()/2); 
    var tweenIn = new Kinetic.Tween({ 
      node : textBegin, 
      opacity : 0.1, 
      duration : 1, 
      easing : Kinetic.Easings.Linear, 
      onFinish : function(){ 
        alert('tween finished'); 
      } 
    }); 
    var tweenOut = new Kinetic.Tween({ 
      node : textBegin, 
      opacity: 0, 
      duration : 1, 
    }); 
    layer.add(textBegin); 
    stage.add(layer); 
    //setTimeout(textBegin.tweenOut.play, 1200); 
    tweenIn.play(); 

編輯：試圖改變吐溫的財產，它也不管用...

Answer 1

之後增加的形狀圖層創建Tween。

http://jsfiddle.net/z26tgnkd/6/