只贴 path 也能预览
输入 `d` 路径片段后，自动拼出完整 SVG，方便快速检查轨迹和拐点。
支持尺寸和样式调试
可调整画布尺寸、描边宽度、描边色和填充色，便于图标和路径排查。
浏览器本地处理
路径拼装、预览和复制都在当前浏览器完成，不上传服务器。
SVG Path · 本地预览
SVG路径预览工具
输入 `path` 路径片段后，实时生成完整 SVG 预览和可复制代码，适合调试图标、描边和矢量轨迹。
38 字符 / 1 行 / 38 字节
294 字符 / 4 行 / 294 字节
路径命令数
5
画布尺寸
240 x 120
描边宽度
8
SVG path 只在浏览器本地拼装、预览和复制，不会上传服务器。
使用提醒
适合调试 `M / L / C / Q / A` 这类路径命令。
复杂图标可先只贴 `d` 属性，再复制完整 SVG 给设计或前端继续用。
路径预览
工具使用说明
怎么用 SVG路径预览工具
粘贴 path 路径
把 `d` 属性里的路径片段粘贴到输入框。
调整画布和样式
设置宽高、描边宽度、描边色和填充色，观察路径效果。
复制完整 SVG
确认路径效果后直接复制完整 SVG 或原始 path 继续联调。
功能说明
这个工具解决什么问题
适合什么场景
适合前端、设计或客户端同学调试图标 path、检查描边走向、快速确认路径片段是否有误。
相比整页 SVG 编辑器，这页更聚焦 `path` 本身，适合小范围排查。
本地处理说明
路径片段、预览 SVG 和复制结果都只在浏览器本地生成，不上传服务器。
如果你只拿到一段 `d` 属性而不是完整 SVG，这页更直接。
常见问题
关于 SVG路径预览工具，用户常问这些
path 会上传服务器吗？
不会。路径片段只在浏览器本地拼装和预览。
可以只输入 `d` 属性吗？
可以，这页就是按只输入路径片段来设计的。
为什么要支持填充和描边切换？
很多图标路径需要同时检查描边和填充效果，切换起来更方便排查。
适合完整 SVG 编辑吗？
这页更适合调试 path 片段。若要改整份 SVG，可用站内现有 SVG 编辑器。