HTML5 / JS:将光标锁定在canvas元素中

时间:2014-07-16 01:00:56

标签: javascript html5 canvas cursor

所以我正在制作一个html5 / js RTS游戏。游戏可以全屏运行。现在的问题是,具有双屏幕的玩家将光标移出画布并在移动太远时跳到第二个屏幕。有没有好方法,以防止这种情况? 我知道,有this,但这似乎隐藏了光标,这不是我想要的RTS游戏。 Ofc我可以绘制自己的光标,但问题是,所绘制的光标将取决于帧速率,有时可能会有点下降,因此它会比#"正常&感觉更不平滑。 #34;光标。那么,有没有办法将光标锁定在元素中而不隐藏它仍然可以移动但只是停在边界?

1 个答案:

答案 0 :(得分:1)

没有方法限制用户的鼠标移动。

轻笑......如果有可能,你可以想象广告商会将你的鼠标冻结在现在购买的状态。广告上的按钮。 : - )

如果它对您的设计有意义,您可以使用canvas元素"捕获鼠标事件"。

捕获鼠标会使画布接收所有鼠标事件,即使鼠标在画布元素之外也是如此。也许这对你的设计很有用 - 也许不是。

https://developer.mozilla.org/en-US/docs/Web/API/Element.setCapture

祝你好运!