defaults

定义作用域默认属性，这些属性随后用于在该作用域内创建的所有计时器、动画和时间线。

接受

一个 Object，包含以下可选属性

名称	接受
playbackEase	缓动名称 `String` \| 缓动 `Function`
播放速率	`数字`
帧率	`数字`
循环	`Number` \| `Boolean`
反向	`布尔值`
交替	`布尔值`
自动播放	`布尔值`
持续时间	`Number` \| `Function`
延迟	`Number` \| `Function`
组合	组合类型 `String` \| `Function`
ease	缓动名称 `String` \| 缓动 `Function`
循环延迟	`数字`
修饰符	修饰符 `Function`
onBegin	回调 `Function`
onUpdate	回调 `Function`
onRender	回调 `Function`
onLoop	回调 `Function`
onComplete	回调 `Function`

defaults 代码示例

import { createScope, animate } from 'animejs';

const rows = utils.$('.row');

rows.forEach(($row, i) => {
  createScope({
    root: $row,
    defaults: { ease: `out(${1 + i})` }
  })
  .add(() => {
    animate('.square', {
      x: '17rem',
      loop: true,
      alternate: true
    });
  });
});

<div class="medium row">
  <div class="square"></div>
  <div class="padded label">scope 1</div>
</div>
<div class="medium row">
  <div class="square"></div>
  <div class="padded label">scope 2</div>
</div>
<div class="medium row">
  <div class="square"></div>
  <div class="padded label">scope 3</div>
</div>

上一个 下一个