SVG路径描述中的逗号

Question

在SVG中描述路径时，在线示例通常使用逗号分隔值，而其他则不然。

来自Mozilla开发者网络的

The paths tutorial SVG教程使用两种符号来描述弧：

A 30 50 0 0 1 162.55 162.45

和

A 45 45, 0, 0, 0, 125 125

Elsewhere，我也看到了：

A30,50 0 0,1 100,100

SVG路径描述何时何地需要逗号？

Answer 1

Commas are mostly optional和空白也几乎是可选的。在某些情况下，您需要一个或另一个来说明某些事情何时结束并且下一件事开始，即1,1或1 1未被解析为11。

您可以在任意两个数字之间加一个逗号，因此A, 30 50 0 0 1 162.55 162.45无效A 30,, 50 0 0 1 162.55 162.45

Answer 2

W3C SVG Recommendation表示：

  

可以消除多余的空白区域和逗号分隔符（例如，“M 100 100 L 200 200”包含不必要的空格，并且可以更紧凑地表达为“M100 100L200 200”）。