Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Math SVG curveTo(C)是如何工作的?_Math_Svg_Bezier - Fatal编程技术网

Math SVG curveTo(C)是如何工作的?

Math SVG curveTo(C)是如何工作的?,math,svg,bezier,Math,Svg,Bezier,我需要你的帮助,我有点困惑 我的问题是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> 此代码绘制此形状 但我真的不明白这是怎么做到的,我不明白曲线是如何识别的,在我的示例中,控制点是什么

我需要你的帮助,我有点困惑

我的问题是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坐标代表什么。

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

  • 将(
    M
    )移动到(200,90)
  • 绘制一条立方(
    C
    )贝塞尔曲线

    a。从当前位置开始
    (200,90)

    B第一个控制点位于
    (200,90)
    -与起点相同
    C第二个控制点位于
    (0,0)

    D结束于
    (90300)


  • 贝塞尔曲线有点难以理解。也许在上一节可能会有所帮助,也许在上一节之前的关于二次贝塞尔的部分也会有所帮助。正如前面的海报所指出的,让起点和控制点重合可能会让你的情况更奇怪。

    你在哪里看到(90,30)处的结束坐标?最后我看到了
    90300
    。你是说你的字母d
    (90300)
    ?是的。没错。应该是300,而不是30。非常感谢。我会修好的。