設定時間後に画像がフェードインして背景を変更することはできますか?次のコードを使用していますが、画像がフェードインしていません。現在達成しているのは、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';
誰かが親切に光を当てることができますか?