始终显示鼠标悬停 Canvas
Always Show Mouse Over Canvas
我正在开发一个 javascript/canvas 游戏，并使用鼠标位置来确定要挖掘的方块。每当我使用移动控件时，鼠标都会消失，这很烦人，因为那时我必须停止移动并移动鼠标以再次查看其位置。
所以我正在寻找一种方法使鼠标在 canvas 上始终可见，而不是使用 CSS cursor: none 使其不可见。
完整项目在这里：https://gist.github.com/TuckerFlynn/0a52278878a888b0f695
鼠标当然可以导航-canvas，所以...
- 当鼠标悬停在 canvas 上时隐藏鼠标。
- 根据 canvas 的
mousemove 报告的当前鼠标位置绘制您自己的 "fake cursor"。
- 如果鼠标离开 canvas，只需让假光标可见，以提醒鼠标的最后一个 canvas 位置。
您的 "fake" canvas 光标不必看起来像鼠标。它甚至可以是一个简单的十字架。或者，如果您真的希望它看起来像一只老鼠，则在 canvas.
周围移动一只老鼠的图像
我正在开发一个 javascript/canvas 游戏，并使用鼠标位置来确定要挖掘的方块。每当我使用移动控件时，鼠标都会消失，这很烦人，因为那时我必须停止移动并移动鼠标以再次查看其位置。
所以我正在寻找一种方法使鼠标在 canvas 上始终可见，而不是使用 CSS cursor: none 使其不可见。
完整项目在这里：https://gist.github.com/TuckerFlynn/0a52278878a888b0f695
鼠标当然可以导航-canvas，所以...
- 当鼠标悬停在 canvas 上时隐藏鼠标。
- 根据 canvas 的
mousemove报告的当前鼠标位置绘制您自己的 "fake cursor"。 - 如果鼠标离开 canvas，只需让假光标可见，以提醒鼠标的最后一个 canvas 位置。
您的 "fake" canvas 光标不必看起来像鼠标。它甚至可以是一个简单的十字架。或者，如果您真的希望它看起来像一只老鼠，则在 canvas.
周围移动一只老鼠的图像