通過javascript更改鼠標圖標

Question

我正在使用Canvas對象在javasript中開發畫筆應用程序。 當鼠標指針進入Canvas對象內時，我想更改自己的鼠標光標。 如何加載我自己的圖標？

Answer 1

這可以在CSS中完成。

canvas { 
    cursor: url(cursor.cur), url(cursor.gif), auto; 
} 

IE，Firefox，Safari和Chrome將使用.cur文件。 GIF（或使用PNG）適用於不支持.cur文件的瀏覽器（不確定是否有這種情況）。 Opera不支持自定義遊標。

圖像的大小必須是32x32像素或更低。這是一個（Windows）操作系統限制;不是瀏覽器限制。

參考 - 怪異模式CSS兼容性列表http://www.quirksmode.org/css/cursor.html

Answer 2

您是否有.cur文件供您自定義光標？

你可以在你的畫布對象中有一個style屬性，它告訴你應該如何顯示光標。這可以通過custom css cursor

style="cursor: url(mycursor.cur);" 

1. 完成IE期望一個文件的.cur。
2. Firefox需要第二個非URL值;像光標：url（pix/cursor_ppk.gif），auto。
3. 圖像的大小必須是32x32像素或更低。這是一個（Windows）操作系統限制;不是瀏覽器限制。

從CSS2 - Cursor styles兩者，它是在IE5.5 +，FF，Safari和Chrome兼容。 Opera和Konqueror 3.5.7不兼容。

Answer 3

有一種方法：http://beradrian.wordpress.com/2008/01/08/cross-browser-custom-css-cursors/劑量不適用於Opera，但適用於IE，FF，Safari，Chrome。

Answer 4

我張貼歌劇使用JS在這裏解決方法： Opera and Custom cursor in CSS