레퍼런스 cursor()

cursor()

커서의 모양을 변경합니다.

첫번째 매개변수인 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 픽셀의 크기여야 합니다.

매개변수 xy는 선택 사항입니다. 이미지가 커서로 사용되는 경우 xy는 이미지 내에서 가리키는(point) 위치를 설정합니다. 두 값의 기본값은 모두 0이므로, 커서는 이미지의 왼쪽 상단을 가리킵니다. xy는 각각 이미지의 너비와 높이보다 작아야 합니다.

예제

구문

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!

관련 레퍼런스