📐 预设路径

🎨 路径样式

▶️ 动画控制

2s
0s

📤 导出

📍 0 个锚点 📏 0 px
点击添加 · 拖拽移动 · Delete删除
✏️ 点击画布添加锚点 · 选预设路径开始
📄 生成代码
暂无路径数据

SVG路径动画工坊 — 在线制作描边动画

SVG路径动画工坊是一款免费的在线工具,通过拖拽锚点生成平滑贝塞尔曲线,实时预览stroke-dasharray描边动画效果。支持导出完整SVG+CSS代码,可直接嵌入网页使用。

无需安装任何软件,浏览器打开即用。内置波浪、心形、螺旋、无限、闪电、星形六种预设路径模板,一键套用快速出效果。

核心功能

📐 可视化编辑 — 点击画布添加锚点,自动生成平滑曲线。拖拽可调整锚点位置,选中后按Delete删除。

▶️ 实时动画预览 — 可调节时长(0.3-8s)、延迟、缓动函数(ease/linear/弹性等)、循环模式,所见即所得。

🎨 路径样式定制 — 自定义描边颜色、宽度(1-20px)、端点样式(圆头/平头/方头),支持开放路径和闭合路径切换。

📤 一键导出代码 — 支持复制SVG代码、CSS动画代码、完整HTML代码,或直接下载为.svg文件。

广告
📢广告位招租 · 728×90