자바 스크립트 - 커서 아래에 이미지 표시

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

불행하게도, 당신은 이 DIV 요소 커서를 모방하는 방법을 나는 흥미로운 기사를 발견했다 ... width/height 또는 position 같은

을 커서 속성을 수정하지만 수 없습니다. http://www.ajaxblender.com/howto-create-custom-image-cursors.html

희망이 도움이됩니다.