javascript - 了解在 Canvas 弧中为端点完成的数学运算

Question

假设我想在 Canvas 上画一个圆圈，如下所示:

现在我正在使用 circliful 插件，

现在幕后的数学是这样的:

if (type == 'angle') {
              startAngle = 2.25 * Math.PI;
              endAngle = 2.4;
              circ = 1.53 + Math.PI;
              quart = 0.73 + Math.PI / 0.996;
}

上面的数学是这样使用的:

 context.arc(x, y, radius, endAngle, startAngle, false);

现在我明白了 startAngle 的数学运算，但为什么 endAngle = 2.4 呢？ 2.4 来自哪里？

我知道它运行良好，为什么是 2.4？谁能解释一下？

代码行可以看到 HERE .

Answer 1

2.4 大约是半圆的 76%。

context.arc函数采用从正 x 顺时针测量的 Angular 。换句话说，2.4 表示从中心到左下角大约呈 45 度 Angular 。

类似地，在同一代码中，有一个片段显示 endAngle = 3.13，它接近 PI 或接近 180 度(因此指向左侧)，用于半圆。