Javascript 当鼠标在HTML画布中移动时，图像闪烁

我已经看过了，但是当鼠标移动的时候，我仍然能看到闪烁的光

我的代码：

    function draw(){
    var img = new Image();
    img.src = "/Sample/Icons/sample.png";


    img.onload = function () {     
        ctx.drawImage(img, X1, Y1, 25, 25);                       
    };
  }

---

希望有人能给我一个解决闪烁问题的想法或解决方案。

我假设你正在为每个鼠标移动调用

draw

Mousemove事件大约每秒发生30次，因此没有足够的时间在Mousemove处理程序中加载图像

相反，在应用程序开始时加载一次图像

---

然后

ctx.drawImage

有足够的时间在每次鼠标移动事件期间绘制预加载的图像。

显然，我们需要更多的代码来帮助您解决闪烁问题。示例代码所做的只是在画布上加载和显示一个图像。它根本没有mousemove代码！：-其他代码太长，但我的其他使用lineTo（）的工具只能使用这个使用drawImage（）的工具；使用doublebuffer，即首先将所有内容绘制到屏幕外的表面，然后将其绘制到画布上有趣的答案，是否有我可以尝试的示例实现？这里是前一篇SO帖子，说明了如何预加载多个图像：谢谢，伙计！我会努力理解并在我的电脑上实现它