画布越大,移动速度越慢

5 html javascript canvas

使用此代码:

x = x + (canvas.height/250);
Run Code Online (Sandbox Code Playgroud)

每 1 毫秒发生一次,应按画布大小的比例向 x 添加一个量。然后绘制x,因此x应该在不同的屏幕尺寸上以相同的速度沿着画布向下移动(画布根据屏幕尺寸改变尺寸)。然而,x 在我的 iPod 和电脑上以不同的速度向下移动。

如果您想了解完整的源代码和 html 文件,则 html 位于此处,链接到它的 javascript 文件位于此处

小智 0

您在问题中说您每 1 毫秒调用一次该函数。但是,某些浏览器会限制速度,window.setInterval因此如果您每 50 毫秒调用一次函数,那么在所有设备上都是相同的。

window.setInterval(function(){
/// call your function here e.g. add1toxfunction();
}, 50);
Run Code Online (Sandbox Code Playgroud)