Javascript 如何避免在画布上绘制过快时出现间隙？

当你在画布上画得太快时，你会看到空白，请看我的工作示例

我的代码是：

let canvas = document.getElementById('drawing-canvas');
function drawingPen(e) {
  const canvasSizes = canvas.width / cellSize;

  canvasCtx.fillStyle = '#000000';

const currentX = Math.floor(e.offsetX / canvasSizes) * canvasSizes;
const currentY = Math.floor(e.offsetY / canvasSizes) * canvasSizes;

---

我做错了什么，为什么上面的代码在快速绘制时会导致如此多的间隙？

欢迎使用so。您展示的代码中没有绘图。当鼠标移动时，即使移动速度很快，它也不会向您提供您知道的每个中间位置，因为您知道前后位置，所以只需让您的代码填充缺少的数据位置即可。显示的代码中没有绘图。当鼠标快速移动时，它不会向您提供您知道的每个中间位置，因为您知道前后位置，所以只需让代码填充缺少的数据位置即可