1

这是一个两部分的问题：

  1. 下面的第一个代码部分（由 Adob​​e Illustrator 生成）是否表示 SVG 文件中的三次贝塞尔曲线？

  2. 如果是这样，在第一个（Adobe Illustrator）示例中，小写 Cs 后面的每个数字代表什么？

    Adobe Illustrator 示例：

<path style="fill:none;stroke:#00FF00;stroke-width:0.5102;stroke-linecap:round; stroke-linejoin:round;" d="M223.827,404.942 c-6.741,6.32-7.083,16.908-0.762,23.649l0,0c0.184,0.201,0.561,0.577,0.762,0.762" />

以下是w3示例的一部分：

<path class="SamplePath" d="M100,200 C100,100 250,100 250,200
                                       S400,300 400,200" />

在第二个 W3 示例中，我理解“M”后面的数字指的是起始 x、y 坐标，而大写的“C”表示绝对定位。在关于 XY 分组的 W3 示例中，这种模式似乎相当明显。但是，我不知道如何处理 Adob​​e Illustrator 示例，其中的组由负号和没有逗号分隔，例如：16.908-0.762. Adobe Illustrator 示例中小写 C 之后的编号序列是如何解析和分组的，这些数字在第一个（Adobe Illustrator）示例中代表什么？

4

1 回答 1

3

1 的答案是肯定的。

至于2...

在路径语法中，空格和逗号是可选的。16.908-0.762 一次解析一个字符，因此解析器必须知道，当它到达 - 符号时，16.908 是一个数字，但 16.908- 不是，因此 - 符号必须是下一个数字的开头，即 -0.762

插图示例中有三对数字。添加可选空格使其更清晰......

c -6.741,6.32 -7.083,16.908 -0.762,23.649

语法在这里

于 2012-09-03T05:55:57.293 回答