#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 在线编辑器还允许你直观地拼装和预览路径动画,之后再把它接进页面即可。
相关文章
暂无针对该项目的文章。
如需补充新闻资讯、使用教程、应用测评等内容,欢迎 联系我们推荐选题或投稿。