1

私はウェブサイトを構築していますが、その一部にホワイトボード機能（基本的にはキャンバス）があります。ホワイトボードに消しゴム機能を実装しようとしていますが、消しゴムを選択したときにカーソルの形を変えて、消しゴムの実行方法と一致させたいと思いました（この時点で消しゴムをしようとしています）円形）。これまで私はこれを試しました： 

$('#canvasDiv').css('cursor','url(https://example.com/eraser_cursor.png)');

ただし、これは2つの理由で機能しません。

  1. カーソルの画像は円ですが、カーソルの中心にないため、ユーザーが何か他のものを消去しているように見えます。

  2. ユーザーが消去を開始し、「クリック」を押したままにすると、カーソルが別の形に変わります。

これを回避する方法はありますか？

4

1 に答える 1

3

  1. 「x y」オプションもあります- cursor: url() x y（私が知る限り、FF / Chromeでのみ機能します）

  2. !importantそれで直ればいいと思う

于 2013-02-14T00:34:12.937 に答える