Con trỏ chuột CSS ... xoay con trỏ?

Question

Tôi có chức năng xoay đối tượng bằng phần tử canvas. Khi tôi nhấp vào đối tượng này, tôi tạo một hộp xử lý xung quanh nó giống như photoshop. Tôi có tám điểm trên hộp xử lý. Khi tôi di chuột qua bất kỳ điểm nào trong số này, tôi muốn thay đổi con trỏ chuột thành con trỏ chuột có liên quan bằng cách sử dụng css. Tôi chưa thấy biểu tượng xoay chuột cho css. Tôi có phải tự tạo hoặc có thể sử dụng con trỏ gốc của hệ điều hành không?

Answer 1

Các con trỏ có nguồn gốc hợp lệ là

auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress

Như quy định của w3c documentation.

Nếu bạn muốn sử dụng một loại khác nhau của con trỏ, bạn sẽ phải sử dụng tùy chọn uri như một tham số con trỏ:

cursor: url(example.svg#linkcursor), url(hyper.cur), pointer