javascript - カスタム マウス カーソル Javascript ペイント アプリケーション

Question

ユーザーがキャンバス要素に描画できるようにするWebアプリケーションに取り組んでいます。HTML5 と JavaScript を使用しています。

ユーザーがペイントを選択したときにマウスがペイントブラシアイコンに、ユーザーが消去などを選択したときに消しゴムアイコンに変更できるかどうか疑問に思っています.

これを達成する方法はありますか？ありがとう

Answer 1

唯一の方法は、画像に設定された URL で css カーソル プロパティを使用するとします。

body {
   cursor:url('/url/to/required/image.jpg');
}

詳細については、https ://developer.mozilla.org/en-US/docs/CSS/cursor を参照してください。

またはJSで設定します：

document.body.style.cursor = "url('/url/to/required/image.jpg')";