Javascript 防止在画布上绘制矩形时闪烁

我正在使用“onmouseover”在画布上绘制矩形，但不知何故，在绘制矩形时，矩形一直在闪烁。这是我用来画矩形的函数

drawRect: (canvas, sX, sY, eX, eY) => {
        let context = getContext(canvas);
        context.clearRect(0, 0, canvas.width, canvas.height);

        context.beginPath();
        context.lineWidth = "2";
        context.strokeStyle = "red";
        context.rect(sX, sY, eX, eY);
        context.stroke();
    }

请帮助我如何在画布上画画时防止矩形闪烁

问候,，

---

Imran

您是否使用requestAnimationFrame？在欢迎使用堆栈溢出时，它似乎工作得很好。请提供一个最小的、可复制的示例：参加本次旅行也很好：