Как исправить неправильно отображающийся кастомный курсор в Google Chrome?

Question

[Melhiorn]

Помогите разобраться в проблеме. Устанавливаю свой курсор на сайт через CSS свойство cursor. Но возникает проблема. Если масштабирование в системе (Windows 7-10) установлено больше 100%, например, 150%, то в хроме курсор становится пиксельным (неровным). Проявляется это только в хроме и ему подобных браузерах. В мозиле все хорошо. Больше всего это заметно на круглых курсорах, например, курсор лупы. Курсор в формате svg, но так же пробовал png и cur. Разницы нет. Ситуацию немного улучшает прописывание в svg свойства shape-rendering="crispEdges" но несущественно. Сама картинка отображается как нужно, если она не установлена как курсор.
Ссылка на курсор

Answer 1

[Moskus]

https://bugs.chromium.org/p/chromium/issues/detail... - давно существующий известный баг. Решение - забить, либо не заниматься ерундой с custom cursor - они только с толку сбивают, как правило.
Да, и это явление описывается словам "видимый aliasing", а не "неровный" или "пиксельный".

Comments

[Melhiorn]

Ясно, спасибо. Если я правильно понял, то решения не существует? Ну, чисто гипотетически? Мне видится неадекватный способ, но должен работать. Скрыть курсор и скриптом имитировать его.

[Moskus]

Melhiorn, решения через задницу - не решения. Даже если они "работают" (а анимированный div, следующий за положением курсора работать будет хреново и не везде как задумано). Не надо пытаться ломать и унифицировать UX больше, чем это уже унифицировано. Стремление переопределить стандартный скролл, формы, курсор - совершенно нездоровые тенденции среди дизайнеров и заказчиков.

[Melhiorn]

Moskus, я вас понял.

Answer 2

[snap44]

Как выше уже сказали – не изобретайте велосипед.
Говорю не как верстальщик, а как пользователь: кулак перетаскивает, лупа с плюсиком увеличивает, кулак с оттопыренным указательным пальцем клацает. Все остальное от лукавого. И я еще более-менее продвинутый пользователь. Для среднестатистического любой курсор тупо клацает.