canvas 两点之间如何画弧

首先，我们需明确一点，如果只知道两个点的话是无法画弧的

canvas 画弧，需要半径r，圆心o(x,y)，开始的角度startDeg，结束的角度endDeg

做了一个画弧度的小需求，顺便回顾了下三角函数，所以在此记录一下。

简单介绍一下我的那个小需求吧

大概是这样，知道a和b，需要画出图中绿色的弧

要画的弧必然不能超出边，所以判断圆心o应该不是在a这条边上就是在b的延长边上

 如图所示，有两种情况：

1. a < b，推测圆心o应该是在a这条边上；

2. a > b，推测圆心o应该在b的延长边上；

画个图看看

看到这里，先回顾一下三角函数的计算

正弦(sin) 对边 / 最大边，即 sinA = a / c

余弦(cos) 邻边 / 最大边，即 cosA = b / c 

正切(tan) 对边 / 邻边，即 tanA = a / b

余切(cot) 邻边 / 对边，即 cotA = b / a 

js中计算三角函数 和 反三角函数是这样：