init() V4

初始化时间线中所有元素的初始值。

添加到时间线的具有特定初始值的动画不会像正常调用 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>

上一个 下一个

call()
play()