Javascript - 在光标下显示图像

Question

我有一个带有棋子的 HTML 棋盘，一切正常。为了避免拖放的繁琐，我制作了棋子background-images。在mousedown 上，我移除了该位置的部件，并在mouseup 上将其放回原处。美学中唯一缺少的就是要在中间的光标下显示的作品图像。

我试过了：

cursor:url('http://upload.wikimedia.org/wikipedia/commons/c/c7/Chess_pdt45.svg'), auto;

但是这种方法有几个缺点。

1. The image cursor needs to be at most 32x32 pixels in order to guaranty compatibility

2. It's unclear whether the format I want will be supported at all.

3. 我不知道光标图像是否具有width 和height 属性，这意味着我无法调整图像大小以使其看起来与板上的完全一样。

4. 光标位置在右上角，而它应该居中居中，因为棋子……嗯，是从它们的中心握住的。

最大的问题是是否有解决所有这些问题的方法。例如，是否可以制作出现在鼠标下方的画布？

Answer 1

很遗憾，您无法修改光标属性，例如 width/height 或 position...

但是，我发现了有趣的文章如何模仿带有 div 元素的光标。 http://www.ajaxblender.com/howto-create-custom-image-cursors.html

希望对您有所帮助！