SVG 路径动画生成器
在浏览器中预览路径绘制动画，并复制可直接使用的 SVG 与 CSS。
Up to 2,048 characters. Path commands and numeric syntax only.
使用步骤
如何使用
- 输入不超过 2048 个字符的 SVG path d 数据。
- 设置动画时长并预览路径绘制效果。
- 复制完整 SVG、CSS 动画和 reduced-motion 规则。
安全的路径输入
只接受数字、空白、逗号、小数点、负号和 SVG 路径命令字母，长度上限为 2048 个字符。标签、属性和脚本不会被插入输出。
本地且可访问
生成过程完全在浏览器中进行。输出包含 prefers-reduced-motion 规则，减少动作偏好时会显示完整路径。
常见问题
你可能还想知道
会上传我的路径吗？
不会。所有处理都在当前浏览器中完成。
可以输入任意 SVG 吗？
不能。工具只接受受限的 path d 语法，不接受标签、属性、URL 或脚本。