描画できるキャンバスがあり、ユーザーが描画しているポイントのサイズを確認したいと思います。そのため、キャンバス上にカスタム カーソルを 10x10 ピクセルの正方形として描画する必要があります。もちろん、ユーザーがマウスを動かしているだけで画像を塗りつぶしたくはありません。
これを行う方法についての私の考え:
- どういうわけか元の画像をバックアップして、毎回それを塗りつぶすことができました
- カーソルで移動できました。ただし、カーソルがキャンバスから離れた場合は、すべてのクリックを転送して非表示にする必要があります。
- カーソルを描画するためだけに、2 つ目のキャンバスを重ねてレイヤード キャンバスを作成できます。
これを行うには何が最善でしょうか？
アップデート
申し訳ありませんが、私は自分自身をうまく説明していませんでした。カーソルは色を変更してグリッドにスナップする必要があるため、自分でペイントする必要があります。cursor:url(...)私には機能しないCSS について知っています。