Snap.SVG教程中使用的奇怪SVG路径语法？

在浏览过程中，我遇到了以下代码行，这使我进行了双重拍摄：

// Now lets create pattern
var p = s.path("M10-5-10,15M15,0,0,15M0-5-20,15")

什么是

M10-5-10,15

？起初，我认为这可能是某种坐标范围语法，但在这种情况下，这并没有多大意义，我也找不到任何与之相近的语法。我也找不到任何值得注意的东西

有趣的是，这段代码似乎确实…

通常是正确的没有特殊语法-坐标只是连接在一起，没有空格。

线索是命令：

M

是

moveto

命令，通常不会绘制任何内容。然而，如果你往里看，你会注意到以下几点：

如果moveto后跟多对坐标，则 后续对被视为隐式lineto命令

因此，

moveto

实际上可以有多个坐标对，第一个坐标对之后的任何内容都被视为

lineto

命令。事实上，神秘的语法只是一种简洁（但可读性较差）的书写方式，

M10，-5-10,15 M15,0,15 M0，-5-20,15

，连字符是负号

简单地看一下，也可以非常清楚地看到，

moveto

的参数是坐标对，坐标是简单的数字

我想关键的一点是SVG路径实际上不需要空格或逗号，除非没有空格或逗号，数字就会模棱两可。

通常是正确的没有特殊语法-坐标只是连接在一起，没有空格。

线索是命令：

M

是

moveto

命令，通常不会绘制任何内容。然而，如果你往里看，你会注意到以下几点：

如果moveto后跟多对坐标，则 后续对被视为隐式lineto命令

因此，

moveto

实际上可以有多个坐标对，第一个坐标对之后的任何内容都被视为

lineto

命令。事实上，神秘的语法只是一种简洁（但可读性较差）的书写方式，

M10，-5-10,15 M15,0,15 M0，-5-20,15

，连字符是负号

简单地看一下，也可以非常清楚地看到，

moveto

的参数是坐标对，坐标是简单的数字

我想关键的一点是SVG路径实际上不需要空格或逗号，除非没有空格或逗号，数字就会模棱两可。

通常是正确的没有特殊语法-坐标只是连接在一起，没有空格。

线索是命令：

M

是

moveto

命令，通常不会绘制任何内容。然而，如果你往里看，你会注意到以下几点：

如果moveto后跟多对坐标，则 后续对被视为隐式lineto命令

因此，

moveto

实际上可以有多个坐标对，第一个坐标对之后的任何内容都被视为

lineto

命令。事实上，神秘的语法只是一种简洁（但可读性较差）的书写方式，

M10，-5-10,15 M15,0,15 M0，-5-20,15

，连字符是负号

简单地看一下，也可以非常清楚地看到，

moveto

的参数是坐标对，坐标是简单的数字

我想关键的一点是SVG路径实际上不需要空格或逗号，除非没有空格或逗号，数字就会模棱两可。

通常是正确的没有特殊语法-坐标只是连接在一起，没有空格。

线索是命令：

M

是

moveto

命令，通常不会绘制任何内容。然而，如果你往里看，你会注意到以下几点：

如果moveto后跟多对坐标，则 后续对被视为隐式lineto命令

因此，

moveto

实际上可以有多个坐标对，第一个坐标对之后的任何内容都被视为

lineto

命令。事实上，神秘的语法只是一种简洁（但可读性较差）的书写方式，

M10，-5-10,15 M15,0,15 M0，-5-20,15

，连字符是负号

简单地看一下，也可以非常清楚地看到，

moveto

的参数是坐标对，坐标是简单的数字

我想关键的一点是SVG路径实际上不需要空格或逗号，除非没有空格或逗号，数字就会模棱两可