javaScript 提供3次贝赛尔曲线上的一点坐标,求出此坐标切线在3次贝赛尔曲线上的倾斜角度

在 JavaScript 中，可以使用以下代码实现求解：

// 假设三次贝塞尔曲线的控制点为 p0, p1, p2, p3，该点在曲线上的参数值为 t，该点坐标为 p
function getBezierTangentAngle(p0, p1, p2, p3, t, p) {
  // 计算该点在曲线上的坐标
  var x = Math.pow(1 - t, 3) * p0.x + 3 * t * Math.pow(1 - t, 2) * p1.x + 3 * Math.pow(t, 2) * (1 - t) * p2.x + Math.pow(t, 3) * p3.x;
  var y = Math.pow(1 - t, 3) * p0.y + 3 * t * Math.pow(1 - t, 2) * p1.y + 3 * Math.pow(t, 2) * (1 - t) * p2.y + Math.pow(t, 3) * p3.y;
  
  // 计算该点处的切向量
  var dx = -3 * Math.pow(1 - t, 2) * p0.x + 3 * Math.pow(1 - t, 2) * p1.x - 6 * t * (1 - t) * p1.x - 3 * Math.pow(t, 2) * p2.x + 6 * t * (1 - t) * p2.x + 3 * Math.pow(t, 2) * p3.x;
  var dy = -3 * Math.pow(1 - t, 2) * p0.y + 3 * Math.pow(1 - t, 2) * p1.y - 6 * t * (1 - t) * p1.y - 3 * Math.pow(t, 2) * p2.y + 6 * t * (1 - t) * p2.y + 3 * Math.pow(t, 2) * p3.y;
  
  // 计算切线与 x 轴的夹角
  var angle = Math.atan2(dy, dx);
  
  // 将弧度值转换为角度值
  angle *= 180 / Math.PI;
  
  return angle;
}

其中，p0、p1、p2、p3 分别表示三次贝塞尔曲线的控制点坐标，t 表示该点在曲线上的参数值，p 表示该点的坐标。

此外，注意在计算切线与 x 轴的夹角时，需要使用 Math.atan2(dy, dx) 函数，而不是 Math.atan(dy / dx) 函数，以避免在计算 90 度和 270 度时出现错误。