通过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