〰️ svg 路径预览

输入 SVG Path 的 d 属性,实时预览路径形状与描边效果。

关于此工具

输入 SVG 路径的 d 属性,用 Canvas Path2D 实时渲染路径形状,可自定义描边与填充色,用于调试矢量路径、学习 SVG 语法。

如何使用

  1. 输入 d

    粘贴 SVG Path 的 d 属性。

  2. 设颜色

    描边色与填充色。

  3. 渲染

    点击实时预览。

使用场景

路径调试

检查 path 是否报错。

SVG 学习

理解 M/L/C/Q 等命令。

图标检查

预览导出的路径形状。

常见问题

支持哪些命令?

支持标准 SVG Path 命令 M/L/H/V/C/S/Q/T/A/Z 等。

能放大吗?

当前固定 400×400 画布,可用浏览器缩放查看。