커서의 모양을 변경합니다.
첫번째 매개변수인 type
은 표시할 커서의 종류를 설정합니다. 내장된 옵션은 ARROW
, CROSS
, HAND
, MOVE
, TEXT
, and WAIT
이 있습니다.cursor()
는 'help'
, 'wait'
, 'crosshair'
,'not-allowed'
, 'zoom-in'
, 그리고 'grab'
과 같이 문자열로 전달되는 표준 CSS 커서 속성도 인식합니다. cursor('/assets/target.png')
처럼 이미지의 경로가 전달되면, 그 이미지를 커서로 사용할 수 있습니다. 이미지는 .cur, .gif, .jpg, .jpeg 또는 .png 형식이어야 하고 최대 32 x 32 픽셀의 크기여야 합니다.
매개변수 x
와 y
는 선택 사항입니다. 이미지가 커서로 사용되는 경우 x
와 y
는 이미지 내에서 가리키는(point) 위치를 설정합니다. 두 값의 기본값은 모두 0이므로, 커서는 이미지의 왼쪽 상단을 가리킵니다. x
와 y
는 각각 이미지의 너비와 높이보다 작아야 합니다.
예제
구문
cursor(type, [x], [y])
매개변수
type
String|상수:
내장된 옵션: ARROW, CROSS, HAND, MOVE, TEXT 또는 WAIT 중 하나. 기본 CSS 속성: 'grab', 'progress' 등. 커서 이미지 경로.
x
Number:
커서의 수평 활성 지점
y
Number:
커서의 수직 활성 지점
Notice any errors or typos? Please let us know. Please feel free to edit src/core/environment.js and open a pull request!