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>