当前位置: 代码迷 >> Web前端 >> Sonic - 循环加载的凶器
  详细解决方案

Sonic - 循环加载的凶器

热度:245   发布时间:2013-11-18 00:11:49.0
Sonic - 循环加载的利器

在线演示1

在线演示2

在线演示3

Sonic是一个不到3k,非常小的JS类库,你可以用这个类库来创建自定义的加载动画。它的循环动画效果非常赞,比如你可以用它做一条不断追逐自己尾巴 的蛇,这样的动画。Sonic使用了HTML5的canvas元素和其相关API。它基于在一定小的时间间隔上,基于预定义的路径,画出下一个形状,从而 完成动画效果。你可以使用arc,bezier,或line的方法来定义路径。

?

阅读全文:Sonic - 循环加载的利器