Anime.js v4 API 提供了以下模块:

引入方法

ES Modules(模块化导入)

如果你想用 ES Modules 的方式导入 Anime.js,可以像下面这样写:

  1. import {
  2. animate,
  3. createTimeline,
  4. createTimer,
  5. // ...其他方法
  6. } from 'animejs';

全局对象方式

你也可以通过 <script> 标签把 Anime.js 作为全局对象引入:

  1. <script src="path/to/anime.iife.min.js"></script>

然后就可以直接从 anime 对象中访问所有方法了:

  1. anime.animate();
  2. anime.createTimeline();
  3. anime.createTimer();
  4. // ...其他方法

或者你也可以用 对象解构赋值 的写法,模拟 ESM 的导入风格:

  1. const {
  2. animate,
  3. createTimeline,
  4. createTimer,
  5. // ...其他方法
  6. } = anime;