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

【问题标题】：SVG path with c and long sequence of numbers. What does it mean带有 c 和长数字序列的 SVG 路径。这是什么意思
【发布时间】：2019-03-04 12:21:08
【问题描述】：

这是一个我看不懂的路径标签，它被渲染成一条漂亮的曲线

<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 命令？

【问题讨论】：

标签： svg

【解决方案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

【讨论】：