Курсоры мыши CSS … вращать курсоры?

#css #rotation #mouse-cursor

#css #вращение #курсор мыши

Вопрос:

У меня есть функция, которая поворачивает объект с помощью элемента canvas. Когда я нажимаю на этот объект, я создаю вокруг него поле обработчика, как это делает Photoshop. У меня есть восемь точек в поле обработчика. При наведении курсора мыши на любую из этих точек я хотел бы изменить курсор мыши на соответствующий курсор мыши с помощью css. Я не видел значка поворота мыши для css.

Должен ли я создавать свой собственный или я могу использовать собственный курсор ОС?

Ответ №1:

Допустимыми собственными курсорами являются

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

Как указано в документации w3c.

Если вы хотите использовать другой тип курсора, вам придется использовать параметр uri в качестве параметра курсора:

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

Комментарии:

1. Это то, что я понял. Я действительно зашел в wcschools и увидел это. Я просто создам свой собственный.

2. @mtlca401 извините, похоже, лучшего решения нет. 🙁 Надеюсь, вы сможете найти что-то, что будет работать для вашего проекта.