Javascript 动态。Tween无法使不透明度的文本褪色
我尝试用kineticjs使用Tweens使文本褪色,我成功地使文本与它们一起移动,但文本似乎不会褪色 如果有人能解释我做错了什么,那就太好了 这是一个例子,当警报“tween finished”显示时,不透明度应为0.1,但不透明度没有移动Javascript 动态。Tween无法使不透明度的文本褪色,javascript,animation,kineticjs,Javascript,Animation,Kineticjs,我尝试用kineticjs使用Tweens使文本褪色,我成功地使文本与它们一起移动,但文本似乎不会褪色 如果有人能解释我做错了什么,那就太好了 这是一个例子,当警报“tween finished”显示时,不透明度应为0.1,但不透明度没有移动 var stage = new Kinetic.Stage({ container : 'contain', width: $('#contain').width(), height
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();
编辑:试图更改tween的属性,但也不起作用 将形状添加到图层后创建
Tween