如何更改圆的直线

<canvas id="myCanvas" width="200" height="200"></canvas>
<script>
  var c = document.getElementById("myCanvas");
  var ctx = c.getContext("2d");
  ctx.beginPath();
  ctx.arc(100, 75, 50, 0, 2 * Math.PI); // 绘制圆
  ctx.strokeStyle = 'blue'; // 设置线条颜色
  ctx.lineWidth = 5; // 设置线条宽度
  ctx.stroke(); // 绘制边界线
</script>

function getTangentLineToCircle(cx, cy, r, m) {
  // 切线方程的系数
  let a = 1 + m * m;
  let b = -2 * cx + 2 * m * (cy - m * cx);
  let c = cx * cx + (cy - m * cx) * (cy - m * cx) - r * r;
  
  // 计算判别式
  let discriminant = b * b - 4 * a * c;
  
  if (discriminant < 0) {
    console.log("No real tangent lines exist.");
    return null;
  }
  
  // 计算两个可能的切点x坐标
  let x1 = (-b + Math.sqrt(discriminant)) / (2 * a);
  let x2 = (-b - Math.sqrt(discriminant)) / (2 * a);
  
  // 根据x坐标计算对应的y坐标
  let y1 = m * x1 + (cy - m * cx);
  let y2 = m * x2 + (cy - m * cx);
  
  return [{x: x1, y: y1}, {x: x2, y: y2}]; // 返回两个切点坐标
}

// 使用示例
let tangents = getTangentLineToCircle(100, 100, 50, 1); // 圆心(100,100)，半径50，直线斜率1
console.log(tangents); // 输出两个切点坐标