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>