我一直无法尝试创建自定义光标。主要问题是光标大小 - 256x256px PNG(透明)
图像。问题源于各种限制、浏览器和操作系统。 (我之前的问题解释了为什么 CSS cursor {}
不起作用 stackoverflow)
那么,除了 CSS 之外,还有哪些自定义光标的替代方法?
最佳答案
如您所知,您不能拥有那么大的自定义光标:Windows 的限制为 32x32 像素。
如果您想要更大,则需要使用包含光标图像的 DOM 元素,并让它跟随光标。
它相对简单(尤其是如果您使用 JQuery 来实现)。
这里讨论了如何做到这一点:jQuery - Follow the cursor with a DIV和 How do you make a picture follow your mouse pointer with jquery?
但是,请注意,与真正的游标相比,这种方法会有一些局限性。
我能马上想到的两个问题是:
动画的 react 速度可能不如您的实际光标移动,从而可能导致滞后效果。
当您到达浏览器窗口的边缘时,您可能会遇到问题。在左侧和顶部边缘,很容易将光标图像部分移动到边缘上方,但在右侧和底部,这样做可能会导致浏览器认为页面大小已更改,并生成不需要的滚动条。
关于javascript - 光标 256x256 像素大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6648279/