SVG路径描述中的逗号

Question

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

Mozilla Developer Network SVG Tutorial中的路径教程使用两种符号来描述弧:

A 30 50 0 0 1 162.55 162.45

和

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

在其他地方,我也看到:

A30,50 0 0,1 100,100

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

Answer 1

逗号主要是可选的,空格也大多是可选的.在某些情况下,您需要一个或另一个来说明某些事情何时结束并且下一件事开始,即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建议指出：

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