init() V4
初始化时间轴中所有元素的初始值。
添加到时间轴中具有特定初始值的动画不会自动设置为其from 状态,就像调用常规的 animate()
方法那样。相反,它们是在时间轴播放头到达时间轴中的元素时初始化的。
这就是 .init()
发挥作用的地方,它会强制渲染所有子元素的初始状态并更新它们的值。
返回
时间轴本身
可以与其他时间轴方法链式调用。
init() 代码示例
import { createTimeline } from 'animejs';
const tl = createTimeline()
.add('.square', { x: { from: '15rem' } })
.add('.triangle', { x: { from: '15rem' } }, 500)
.add('.circle', { x: { from: '15rem' } }, 1000)
.init();
<div class="large row">
<div class="medium pyramid">
<div class="triangle"></div>
<div class="square"></div>
<div class="circle"></div>
</div>
</div>