Javascript 当我使我的游戏响应时,鼠标拖动似乎被抵消了

Javascript 当我使我的游戏响应时,鼠标拖动似乎被抵消了,javascript,responsive-design,html5-canvas,mouseevent,Javascript,Responsive Design,Html5 Canvas,Mouseevent,我正在制作一个非常简单的网站,主要是一个JavaScript手机游戏。游戏包括左右拖动角色。在我让我的游戏有响应性之前,鼠标拖动工作得很好很完美(角色移动跟随拖动),但在我应用响应性的那一刻,鼠标拖动似乎是偏移的,我的角色没有准确地跟随手指 注意:鼠标事件绑定到画布,也会响应画布不确定,但也许您可以获得当前移动设备的宽度/高度,然后将其设置为css?请共享您正在使用的代码+小提琴。如果“响应”表示您正在调整画布的大小,请确保您正在调整画布元素的大小(例如,canvas.width=100)而不是

我正在制作一个非常简单的网站,主要是一个JavaScript手机游戏。游戏包括左右拖动角色。在我让我的游戏有响应性之前,鼠标拖动工作得很好很完美(角色移动跟随拖动),但在我应用响应性的那一刻,鼠标拖动似乎是偏移的,我的角色没有准确地跟随手指


注意:鼠标事件绑定到画布,也会响应画布

不确定,但也许您可以获得当前移动设备的宽度/高度,然后将其设置为css?

请共享您正在使用的代码+小提琴。如果“响应”表示您正在调整画布的大小,请确保您正在调整画布元素的大小(例如,canvas.width=100)而不是用CSS调整大小。我们已经做了这些。使用@媒体对吗?但同样的结果可能是这样的:1。加载时(在其他任何操作之前)使用js获取/设置内容大小2。加载html/创建画布。3.初始化游戏。通过这种方式,画布被绘制到分辨率,而不是绘制基本大小,然后在之后进行修改(避免“层叠”)