CanvasObjectを使用してjavasriptでペイントブラシアプリケーションを開発しています。マウスポインタがCanvasオブジェクト内に来たら、自分のマウスカーソルを変更したいと思います。自分のアイコンをロードする方法は？
質問する
2178 次
4 に答える
6
これは CSS で実現できます。
canvas {
cursor: url(cursor.cur), url(cursor.gif), auto;
}
IE、Firefox、Safari、および Chrome は .cur ファイルを使用します。GIF (または PNG を使用) は、.cur ファイルをサポートしていないブラウザーを対象としています (このようなものがあるかどうかは不明です)。Opera はカスタム カーソルをサポートしていません。
画像のサイズは 32x32 ピクセル以下である必要があります。これは (Windows) OS の制限です。ブラウザの制限ではありません。
リファレンス - Quirksmode CSS 互換性表http://www.quirksmode.org/css/cursor.html
于 2010-02-14T15:08:05.833 に答える
3
.cur独自のカスタムカーソル用のファイルはありますか？
Canvasオブジェクト内にstyle、カーソルをどのように表示するかを指示する属性を含めることができます。これは、カスタムcssカーソルを介して実行できます
style="cursor: url(mycursor.cur);"
- IEは.curファイルを想定しています。
- Firefoxには、URL以外の2番目の値が必要です。カーソルのように：url（pix / cursor_ppk.gif）、auto。
- 画像のサイズは32x32ピクセル以下である必要があります。これは（Windows）OSの制限です。ブラウザの制限ではありません。
CSS2から取得-カーソルスタイル、IE5.5 +、FF、Safari、Chromeと互換性があります。OperaとKonqueror3.5.7は互換性がありません。
于 2010-02-14T15:01:28.160 に答える
1
方法があります：http：//beradrian.wordpress.com/2008/01/08/cross-browser-custom-css-cursors/線量はOperaでは機能しませんが、IE、FF、Safari、Chromeでは問題ありません。
于 2010-02-14T15:03:19.383 に答える
0
ここに js を使用した Opera の回避策を投稿しました: Opera and Custom cursor in CSS
于 2011-05-05T09:53:49.773 に答える