动感色彩

有没有办法在Kineticjs中动态更改目标颜色？

我从一个矩形和一个有目的地颜色的青少年开始，但我希望能够动态更改目的地颜色。例如，我曾尝试访问Tween-fillBlue属性，但没有效果。这个功能似乎在以前的KinectJS库中有效，但在5.0中无效。Js报价：http://jsfiddle.net/cmh600/7HT46/

感谢

  var stage = new Kinetic.Stage({
    container: 'container',
    width: 578,
    height: 200
  });
  var layer = new Kinetic.Layer();
  var rect = new Kinetic.Rect({
    x: 20,
    y: 20,
    width: 100,
    height: 50,
    fillRed: 0,
    fillGreen: 128,
    fillBlue: 0,
    stroke: 'black',
    strokeWidth: 2,
  });
  layer.add(rect);
  stage.add(layer);
    var tween = new Kinetic.Tween({
            node: rect, 
            duration: 2,
            opacity: 1,
            easing: Kinetic.Easings.Linear,
            fillRed: 0,
            fillGreen: 0,
            fillBlue: 255
          }); 
    rect.on("mouseover", function() {
        tween.fillBlue = 0;
        tween.play();
    });