logo标签列表

通过JavaScript更改鼠标图标

javascriptcssmouse-cursor
4

我正在使用Canvas对象和JavaScript开发画笔应用程序。 当鼠标指针进入Canvas对象时，我想要更改自己的鼠标光标。 如何加载我的自定义图标？

4个回答
6
这可以通过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
3

您是否有自定义光标的.cur文件？

在Canvas对象中，您可以使用style属性来指定光标的显示方式。通过自定义css光标可以实现此操作。

style="cursor: url(mycursor.cur);"
  1. IE需要一个.cur文件。
  2. Firefox需要第二个非URL值；像cursor：url（pix / cursor_ppk.gif），auto。
  3. 图像的尺寸必须为32x32像素或更低。这是（Windows）操作系统的限制，而不是浏览器的限制。

以上内容摘自CSS2-光标样式，它与IE5.5+、FF、Safari和Chrome兼容。Opera和Konqueror 3.5.7不兼容。

这在所有浏览器中都支持吗？我以为这只是IE特有的。 - Fermin
1
0
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接