跳到内容
达斯

日本动漫–Javascript动画引擎

2+

Anime.js (/ˈæn.ə.meɪ/) is a lightweight 的JavaScript animation LIBrary with a simple, yet powerful API.
它与CSS属性,SVG,DOM属性和JavaScript对象一起使用。

入门

下载

通过npm

的JavaScript
1
$ npm 安装 动漫js -保存

或手册 下载.

用法

ES6模块

的JavaScript
1
<跨度 =“ PL -k”>进口</跨度> <span 类="PL -smi">anime</s> <跨度 =“ PL -k”></跨度> <span 类="PL -s"><span 类="PL -pds">'</s>动漫js/LIB/anime.es.js<span 类="PL -pds">'</s></跨度>;

普通JS

的JavaScript
1
<跨度 =“ PL -k”>const</跨度> <span 类="PL -c1">anime</s> <跨度 =“ PL -k”>=</跨度> <span 类="PL -c1">require</s>(<跨度 =“ PL -s”><跨度 =“ PL -pds”>'</span>animejs<span 类="PL -pds">'</跨度></s>);

文件包括

链接 动漫.min.js in your HTML :

的JavaScript
1
&lt;<跨度 =“快乐”>脚本</跨度> <span 类="PL -e">src</s>=<跨度 =“ PL -s”><跨度 =“ PL -pds”>"</span>anime.min.js<span 类="PL -pds">"</跨度></s>&gt;&lt;/<span 类="PL -ent">script</s>&gt;

你好世界

的JavaScript
1
2
3
4
5
6
7
<跨度 =“ PL -en”>动漫</跨度>({
  targets<span 类="PL -k">:</s> <跨度 =“ PL -s”><跨度 =“ PL -pds”>'</span>div<span 类="PL -pds">'</跨度></s>,
  翻译X<跨度 =“ PL -k”>:</跨度> <span 类="PL -c1">250</s>,
  旋转<跨度 =“ PL -k”>:</跨度> <span 类="PL -s"><span 类="PL -pds">'</s>1转<跨度 =“ PL -pds”>'</span></span>,
  backgroundColor<span 类="PL -k">:</span> <span 类="PL -s"><span 类="PL -pds">'</跨度>#FFF<span 类="PL -pds">'</s></跨度>,
  duration<span 类="PL -k">:</s> <跨度 =“ PL -c1”>800</跨度>
});

浏览器支持

苹果浏览器 IE浏览器/边缘 火狐浏览器 歌剧
24+ 8+ 11+ 32+ 15+
2+

没有相关的公布。