0

設定時間後に画像がフェードインして背景を変更することはできますか?次のコードを使用していますが、画像がフェードインしていません。現在達成しているのは、transitionToメソッドを使用して画像をフェードアウトすることだけですが、フェードインしたいのです。これが私が遊んでいるコードです。

var stage = new Kinetic.Stage({
    container: 'container',
    width: 1770,
    height: 900
  });
  var layer = new Kinetic.Layer();

  var imageObj = new Image();
  imageObj.onload = function() {
    var myBg = new Kinetic.Image({
     x: 0,
      y: 0,
      image: imageObj,
      width: 1770,
      height: 900
    });

    // add the shape to the layer
    layer.add(myBg);

    // add the layer to the stage
    stage.add(layer);
setTimeout(function() {
    myBg.transitionTo({
      opacity: 0,
      duration: 4,
    });
  }, 3000);

  };
  imageObj.src = 'bg.png';

誰かが親切に光を当てることができますか?

4

1 に答える 1

0

これは、初期不透明度を設定しなかったために発生します。不透明度を0から1ではなく1から1に設定していました。次のコードを参照してください。

var myBg = new Kinetic.Image({
  x: 0,
  y: 0,
  image: imageObj,
  opacity: 0,
  width: 1770,
  height: 900
});

myBg.transitionTo({
  opacity: 1,
  duration: 4,
})
于 2013-02-17T01:19:07.833 に答える