#252 · 主分类: 视频与动画

lazy-line-painter

animation animation-library drawing javascript js lightweight path-animation responsive svg

Lazy Line Painter - 现代JS库,用于SVG路径动画

项目最后更新:12/12/23

GitHub Stars

2.0K

Forks数量

317

贡献者数量

9

许可证

MIT

收录理由

想要手绘、墨水在纸上晕开般的动画效果,又不想为此引入笨重的动画框架?这个轻量库正好派上用场:把任意的 SVG 文件交给它,调用一个 paint() 方法,线条便会沿着路径逐笔勾勒,画面仿佛自己正在作画。它的配置相当简洁,既能通过 data 属性为每条路径单独设定样式和节奏,也支持暂停、续播、反向回放以及进度控制,多数场景只需寥寥几行代码就能接入。对于希望给落地页或讲解图增添一点视觉趣味、又不想背上沉重运行时依赖的项目来说,这是个顺手的选择。如果你觉得手写配置太麻烦,配套的 Lazy Line Composer 在线编辑器还允许你直观地拼装和预览路径动画,之后再把它接进页面即可。

相关文章

暂无针对该项目的文章。

如需补充新闻资讯、使用教程、应用测评等内容,欢迎 联系我们推荐选题或投稿。

同类热门项目