当前位置：文江博客话题详情

通过javascript更改鼠标图标

发布于 2024-08-21 16:07:45 字数 89 浏览 4 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

你与清晨阳光 2024-08-28 16:07:45

这可以在 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< /a>

This can be accomplished in CSS.

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

IE, Firefox, Safari, and Chrome will use the .cur file. The GIF (or use a PNG) is intended for browsers that don’t support the .cur file (not sure if there are any like this). Opera does not support custom cursors.

The size of the image must be 32x32 pixels or lower. This is a (Windows) OS restriction; not a browser restriction.

Reference - Quirksmode CSS compatibility tables http://www.quirksmode.org/css/cursor.html

回复收藏 0 原文

烦人精 2024-08-28 16:07:45

您有自己的自定义光标的 .cur 文件吗？

您可以在 Canvas 对象中包含一个 style 属性，该属性告诉光标应如何显示。这可以通过自定义CSS光标来完成

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

IE 需要一个 .cur 文件。
Firefox 需要第二个非 URL 值；如光标：url(pix/cursor_ppk.gif)、auto。
图像的大小必须为 32x32 像素或更小。这是 (Windows) 操作系统限制；不是浏览器限制。

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

Do you have a .cur file for your own custom cursor?

You can have inside your Canvas object a style attribute that tells how the cursor should be shown as. This can be done through a custom css cursor

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

IE expects a .cur file.
Firefox requires a second, non-URL value; like cursor: url(pix/cursor_ppk.gif), auto.
The size of the image must be 32x32 pixels or lower. This is a (Windows) OS restriction; not a browser restriction.

Taken from CSS2 - Cursor styles, it is compatible in IE5.5+, FF, Safari and Chrome. Opera and Konqueror 3.5.7 is not compatible.

回复收藏 0 原文