javascript - SVG如何创建180度的贝塞尔曲线？

Question

在 SVG 中: 1. 是否可以创建正好 180 度的贝塞尔曲线？ 2.贝塞尔曲线命令C和Q可以做Arc命令可以做的事情吗？ 3.是否可以仅使用以下命令创建半个圆:M，m，C，c，Q，q？

到目前为止，我的实验表明 C 命令可以创建弧，但不能像 A 命令创建的那样完美弧。

Answer 1

1. 确实如此？不。贝塞尔曲线的数学定义意味着它无法完美地再现圆弧，无论圆弧有多小。总是有错误。对您问题的第一条评论链接到有关该问题的有用资源，http://pomax.github.io/bezierinfo/#circles有交互式视觉+数学解释。

2. 基于 (1)，否。但实际上:是的，只要您对小圆弧使用单个贝塞尔曲线:二次曲线在看起来错误之前只能合理地近似整圆的 1/8，三次曲线在看起来错误之前可以近似接近 1/3。通常，您对四分之一圆使用三次曲线，然后只需围绕两个轴镜像其坐标即可获得所需的所有四个部分。

3. 停止提出 (1) 排除的问题。不，但实际上是的；请参阅您评论中的链接和此答案 =)