始终在画布上显示鼠标

Question

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

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

此处的完整项目：https://gist.github.com/TuckerFlynn/0a52278878a888b0f695

Answer 1

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

1. 在画布上隐藏鼠标。
2. 绘制自己的＆＃34;假光标＆＃34;按照画布mousemove报告的当前鼠标位置。
3. 如果鼠标离开画布，只需将假光标留下，以提醒鼠标的最后一个画布位置。

你的＆＃34;假的＆＃34;画布光标不必像鼠标一样。它甚至可以是一个简单的交叉。或者如果你真的希望它看起来像鼠标，那么在画布周围移动鼠标图像。