Question

这是我难以理解的路径标签，它呈现为漂亮的曲线

<path fill="none" stroke="deeppink" stroke-width="3" 
d="M62.9 14.9c-25-7.74-56.6 4.8-60.4 24.3-3.73 19.6 21.6 35 39.6 37.6 
42.8 6.2 72.9-53.4 116-58.9 65-18.2 191 101 215 28.8 5-16.7-7-49.1-34
-44-34 11.5-31 46.5-14 69.3 9.38 12.6 24.2 20.6 39.8 22.9 91.4 9.05 
102-98.9 176-86.7 18.8 3.81 33 17.3 36.7 34.6 2.01 10.2.124 21.1-5.18 30.1" />

我确实知道c之后是两个控制点和一个目标点。但是剩下的数字是多少？它们也是贝塞尔曲线，但省略了c命令吗？

Answer 1

您可以通过阅读SVG specification来找到答案。

如果连续多次使用同一命令，则后续命令中的命令字母可以消除

如果存在一系列相同的路径命令，则无需重复该命令（例如c）。您可以重复坐标参数。因此，您的路径等同于：

M 62.9 14.9
c -25-7.74-56.6 4.8-60.4 24.3
c -3.73 19.6 21.6 35 39.6 37.6 
c 42.8 6.2 72.9-53.4 116-58.9
c 65-18.2 191 101 215 28.8
c 5-16.7-7-49.1-34-44
c -34 11.5-31 46.5-14 69.3
c 9.38 12.6 24.2 20.6 39.8 22.9
c 91.4 9.05 102-98.9 176-86.7
c 18.8 3.81 33 17.3 36.7 34.6
c 2.01 10.2.124 21.1-5.18 30.1

具有c和长数字序列的SVG路径。这是什么意思

1 个答案: