math - SVG curveTo(C)如何工作？

Question

我需要你的帮助，我有点困惑。

我的问题是SVG curveTo的工作原理，我真的不明白。

寻找这个例子

<svg height="400" width="400">
 <path d="M 200 90 C 200  90 0 0 90  300 " stroke="black" fill="none" stroke-width="3"/>
</svg>

该代码绘制了这种形状

但实际上我不知道该如何完成，在我的示例中，我不了解该曲线是如何识别的，控制点是什么以及0 0坐标表示什么。

Answer 1

您正在绘制三次贝塞尔曲线(带有两个控制点)。但是控制点之一的坐标与起点相同。

将(M)移至(200,90)。

绘制三次(C)贝塞尔曲线

一个。从当前位置开始(200,90)b。 (200,90)的第一个控制点-与起点相同
C。第二个控制点位于(0,0)d。以(90,300)

结尾