immediateRender
优质
小牛编辑
143浏览
2023-12-01
immediateRender:Boolean
立即渲染,默认false。一般来说,TweenMax的运动对象会在下一个渲染周期前(也就是下一帧)被渲染到场景中,除非你设置了delay。如果想强制立即渲染,可以把这个参数设为true。
另外from()方法的运动对象是立即渲染的(默认true),如果你不想该运动对象被渲染,可以把这个参数设为false。 immediateRender适用于TweenMaxTweenLite
immediateRender的参数
immediateRender 示例
橙色块设置了不立即渲染,因此动画开始前没有到达指定位置
body {
background: #f8f8f8;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
color: #000;
margin: 0 10px;
padding: 0;
}
.box {
width:50px;
height:50px;
border-radius:6px;
margin-top:4px;
display:inline-block
}
.green{
background-color:#6fb936;
}
.orange {
background-color: #f38630;
}
TweenMax.from('.green', 3, {
x: 500,
delay:3,
});
TweenMax.from('.orange', 3, {
x: 500,
delay:3,
immediateRender: false,
});