【发布时间】：2011-01-16 17:11:04
【问题描述】：
我正在使用 Canvas 对象在 javasript 中开发画笔应用程序。 当鼠标指针进入 Canvas 对象时，我想更改自己的鼠标光标。 如何加载我自己的图标？
【问题讨论】：
标签： javascript css mouse-cursor
【发布时间】：2011-01-16 17:11:04
【问题描述】：
这可以在 CSS 中完成。
canvas {
cursor: url(cursor.cur), url(cursor.gif), auto;
}
IE、Firefox、Safari 和 Chrome 将使用 .cur 文件。 GIF（或使用 PNG）适用于不支持 .cur 文件的浏览器（不确定是否有这样的文件）。 Opera 不支持自定义光标。
图片的大小必须为 32x32 像素或更低。这是（Windows）操作系统限制；不是浏览器限制。
参考 - Quirksmode CSS 兼容性表http://www.quirksmode.org/css/cursor.html
【讨论】：
您是否有用于您自己的自定义光标的.cur 文件？
你可以在你的 Canvas 对象内部有一个style 属性，它告诉光标应该如何显示。这可以通过custom css cursor 完成
style="cursor: url(mycursor.cur);"
- IE 需要一个 .cur 文件。
- Firefox 需要第二个非 URL 值；像光标：url(pix/cursor_ppk.gif), auto.
- 图像尺寸必须为 32x32 像素或更低。这是（Windows）操作系统限制；不是浏览器限制。
取自CSS2 - Cursor styles，兼容IE5.5+、FF、Safari和Chrome。 Opera 和 Konqueror 3.5.7 不兼容。
【讨论】：
-
所有浏览器都支持这个吗？我认为这是特定于 IE 的。
有一种方法：http://beradrian.wordpress.com/2008/01/08/cross-browser-custom-css-cursors/ 不能在 Opera 上工作，但对 IE、FF、Safari、Chrome 没问题。
【讨论】：
我在这里发布了使用 js 的歌剧解决方法： Opera and Custom cursor in CSS
【讨论】：