百科.dev
全部条目在线工具AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
J

jquery-drawsvg

> 编程语言
开源

一个轻量级、易于使用的 jQuery 插件,用于动画 SVG 路径

766 stars0 点赞1 次浏览
访问官网GitHub

工具介绍

一个轻量级、易于使用的 jQuery 插件,用于动画 SVG 路径

jQuery DrawSVG 此插件使用 jQuery 内置的动画引擎来对选定元素内的每个 `` 的 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· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

JavaScriptanimationjqueryjquery-pluginsvg

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言