Melhiorn
@Melhiorn

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

Помогите разобраться в проблеме. Устанавливаю свой курсор на сайт через CSS свойство cursor. Но возникает проблема. Если масштабирование в системе (Windows 7-10) установлено больше 100%, например, 150%, то в хроме курсор становится пиксельным (неровным). Проявляется это только в хроме и ему подобных браузерах. В мозиле все хорошо. Больше всего это заметно на круглых курсорах, например, курсор лупы. Курсор в формате svg, но так же пробовал png и cur. Разницы нет. Ситуацию немного улучшает прописывание в svg свойства shape-rendering="crispEdges" но несущественно. Сама картинка отображается как нужно, если она не установлена как курсор.
5b785d702b97e750665426.pngСсылка на курсор
  • Вопрос задан
  • 618 просмотров
Решения вопроса 1
Moskus
@Moskus
https://bugs.chromium.org/p/chromium/issues/detail... - давно существующий известный баг. Решение - забить, либо не заниматься ерундой с custom cursor - они только с толку сбивают, как правило.
Да, и это явление описывается словам "видимый aliasing", а не "неровный" или "пиксельный".
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
snap44
@snap44
Фыр!
Как выше уже сказали – не изобретайте велосипед.
Говорю не как верстальщик, а как пользователь: кулак перетаскивает, лупа с плюсиком увеличивает, кулак с оттопыренным указательным пальцем клацает. Все остальное от лукавого. И я еще более-менее продвинутый пользователь. Для среднестатистического любой курсор тупо клацает.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы