SVG路径命令可视化与检查工具

读取命令

大写命令使用绝对坐标，小写命令相对于当前点移动。每个命令接受固定数量的值：H和V接受1个，M、L和T接受2个，S和Q接受4个，C接受6个，A接受7个，Z不接受值。多出的值会重复使用该命令，而M后的多余坐标对会按L处理。弧线的7个值分别是两个半径、旋转角度、用于选择大弧或小弧及方向的两个标志，以及终点。

预览大小和紧凑数字

预览显示的是从原点开始的200 × 200单位区域。在24单位网格上绘制的图标会出现在左上角且看起来很小，而512单位图标集中的路径会超出边缘；这是画布的范围，不是路径的问题。

优化器通常会省略分隔符，将两个数字写成M10-5或.5.5。解析结果会像浏览器一样读取：减号或第二个小数点表示新数字的开始，因此.5.5就是0.5和0.5。弧线标志是单个数字，所以在a5 5 0 015 5中，标志是0和1，终点是5 5。如果要修改形状而不是读取它，请在SVG编辑器中打开。

使用方法

1. 粘贴SVG路径数据（例如M10 10 L90 90 Z）。
2. 检查命令标记及其说明。
3. 查看渲染后的矢量路径预览。

隐私与限制

所有处理均在浏览器中完成，100%不会上传数据，也不会保留任何数据。