SVG路径d属性闭合指令中小写z与大写Z的区别是什么

1. M与m指令的规则说明 #

你观察到的混用大小写M放在路径开头无差异是特殊场景下的表现，完整规则如下：

• 大写M（绝对移动指令）：所有坐标始终相对于SVG视口原点(0, 0)定位
• 小写m（相对移动指令）：常规情况下坐标是相对于上一个路径点的偏移值；仅当m作为整条路径的第一个指令时，它的第一个坐标对会被默认当作绝对坐标处理。这就是你在示例中混用没有视觉差异的原因，如果m出现在路径中间，大小写的差异就会明显体现。

2. z与Z闭合指令的区别 #

二者没有任何功能差异。
闭合指令不需要携带坐标参数，因此不存在大小写区分绝对/相对坐标的逻辑，不管用z还是Z，作用都是将当前子路径的最后一个点和该子路径的起始点用直线连接，完成路径闭合，渲染效果完全一致。

内容的提问来源于stack exchange，提问作者nicfv