Javascript - 在光标下显示图像

时间:2014-06-11 16:55:45

标签: javascript css cursor

我有一个带棋子的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. 我不知道光标图像是否具有widthheight属性,这意味着我无法调整图像大小以使其看起来与图像上的内容完全相同板。

  4. 光标位置是右上角,而它应该居中居中,因为棋子是......好的,从中心开始。

  5. 最大的问题是,是否有针对所有这些的解决方法。例如,它是否可以制作出现在鼠标下的画布?

1 个答案:

答案 0 :(得分:1)

不幸的是,您无法修改游标属性,例如width/heightposition ...

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

希望这能帮到你!