Question

我尝试学习使用SVG在网络上绘画和制作动画。我遇到了svg动画的一些示例，但我不了解svg代码的某些部分。例如

<svg width="100%" height="100%" viewBox="0 0 600 800" preserveAspectRatio="none">
  <path fill="none" d="M300-10c0,0,0,164,0,410c0,232,0,410,0,410"/>
</svg>

我不了解M300-10这样的部分。正如我在文档中所读到的，M表示绝对要移至点，我们需要设置X和Y坐标

另一个例子

<svg width="100%" height="100%" viewBox="0 0 600 800" preserveAspectRatio="none">
  <path fill="none" d="M300-10c0,0,295,164,295,410c0,232-295,410-295,410"/>
</svg>

与“ c0,232-295,410-295,410”相同-我不明白，什么意思是232-295和410-295

如果有人能解释我的意思，我将不胜感激。

Answer 1

减号表示负数。

M300-10

移至x = 300，y = -10

svg路径中的“-”符号

1 个答案: