Javascript HTML画布速度较慢,因为有大量的平铺

Javascript HTML画布速度较慢,因为有大量的平铺,javascript,jquery,html,performance,html5-canvas,Javascript,Jquery,Html,Performance,Html5 Canvas,我正在寻找一个解决方案或增强我的工作脚本 基本上,我想为800*800画布的每个像素绘制一种颜色 它可以工作,但有点滞后,包含所有瓷砖的JS数组可能是问题的一部分,但我认为它更像是每次移动画布时“重新绘制”的画布 我为你做了一把简化的小提琴。尝试多次拖动画布以查看速度是否减慢 我尝试了不同的方法,这是最有效的方法,但仍然不够 谢谢你的帮助。实际上我的屏幕上没有延迟。@OusmaneMahyDiaw你可能会有一台更快的电脑,对吗?你没有一点延迟吗?@NicholasKyriakides是的,这也

我正在寻找一个解决方案或增强我的工作脚本

基本上,我想为800*800画布的每个像素绘制一种颜色

它可以工作,但有点滞后,包含所有瓷砖的JS数组可能是问题的一部分,但我认为它更像是每次移动画布时“重新绘制”的画布

我为你做了一把简化的小提琴。尝试多次拖动画布以查看速度是否减慢

我尝试了不同的方法,这是最有效的方法,但仍然不够


谢谢你的帮助。

实际上我的屏幕上没有延迟。@OusmaneMahyDiaw你可能会有一台更快的电脑,对吗?你没有一点延迟吗?@NicholasKyriakides是的,这也是一种可能性。@Owow不,我没有。但这里有一个很好的链接,指向优化画布-->。
function draw(translatePos){