始终将鼠标悬停在画布上

Question

我正在开发一个javascript / canvas游戏，并使用鼠标位置来确定要挖掘的块。 每当我使用移动控件时，鼠标都会消失，这很烦人，因为那时我已经停止移动并再次移动鼠标以查看其位置。

因此，我正在寻找一种使鼠标始终在画布上可见的方法，与使用CSS cursor: none相反cursor: none一种方法使鼠标不可见。

完整的项目在这里： https : //gist.github.com/TuckerFlynn/0a52278878a888b0f695

Answer 1

鼠标当然可以在画布外导航，因此...

1. 将鼠标悬停在画布上时将其隐藏。
2. 根据canvas的mousemove报告的当前鼠标位置绘制自己的“假光标”。
3. 如果鼠标离开画布，则只需使假光标可见即可提醒鼠标最后的画布位置。

您的“伪”画布光标不必看起来像鼠标。 它甚至可以是一个简单的十字架。 或者，如果您真的希望它看起来像鼠标，则在画布上移动鼠标的图像。