init()
初始化时间轴所有元素的初始值。
添加到时间线的具有特定初始值的动画不会像普通的 animate() 调用那样自动设置为其 from 状态,相反,它们会在时间线播放头到达时间线中的元素时初始化。
这就是 .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>