如何使用JavaScript动画绘制跟随移动元素的直线

<canvas id="myCanvas"></canvas>

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

function drawLine(startX, startY, endX, endY) {
  ctx.beginPath();
  ctx.moveTo(startX, startY);
  ctx.lineTo(endX, endY);
  ctx.stroke();
}

window.addEventListener("mousemove", function(event) {
  // 获取鼠标的坐标
  var mouseX = event.clientX;
  var mouseY = event.clientY;
  
  // 清除画布
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  
  // 绘制直线
  drawLine(0, 0, mouseX, mouseY);
});

#myCanvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}