通过javascript更改鼠标图标

Question

我正在使用Canvas Object在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)操作系统限制; 不是浏览器限制.

参考 - Quirksmode CSS兼容性表http://www.quirksmode.org/css/cursor.html