總是在畫布上顯示鼠標

Question

我正在研究javascript/canvas遊戲，並使用鼠標位置來確定要挖的塊。每當我使用移動控件時，鼠標都會消失，這很煩人，因爲那時我已經停止移動並再次移動鼠標以查看其位置。

所以我正在尋找一種方法使鼠標始終在畫布上可見，與使用CSS cursor: none使其不可見。

全部項目位置：https://gist.github.com/TuckerFlynn/0a52278878a888b0f695

Answer 1

鼠標可以肯定導航關閉帆布，所以......

1. 隱藏鼠標當它在畫布上。
2. 在畫布的mousemove報告的當前鼠標位置之後繪製您自己的「假光標」。
3. 如果鼠標離開畫布，只需將假光標留爲可見，以提醒您鼠標上次畫布的位置。

您的「假」畫布光標不必看起來像鼠標。它甚至可以是一個簡單的十字。或者，如果您真的希望它看起來像一個鼠標，然後移動畫布周圍的鼠標圖像。