一个轻量级、易于使用的 jQuery 插件,用于动画 SVG 路径
stroke 进行过渡,使用 stroke-dasharray 和 stroke-dashoffset 属性。 * 打包后小于 2KB, gzip 后小于 800 字节。 * 使用方便。 * 支持缓动和延迟。 * 免费!| 选项 | 类型 | 默认值 | 描述 |
|---|---|---|---|
duration |
整数 | 1000 |
每条路径动画完成所需的时间。 |
stagger |
整数 | 200 |
开始动画每条路径的延迟时间。 |
easing |
字符串 | swing |
每条路径使用的过渡函数。 请使用 jQuery Easing Plugin 来获取不同的过渡函数。 |
reverse |
布尔值 | false |
绘制线的方向。 |
callback |
函数 | function() {} |
当动画完成后调用的函数。 |
Simple usage Draw on scroll Callback example Animate mask path
暂无开放 Issues,或尚未同步最近议题。