2

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

Google Chrome

2
  • А вариант с стандартными cursor: zoom-in и cursor: zoom-outне устраивает? Кроссбраузерность
    – De.Minov
    19 авг 2018 в 7:12
  • @CbIPoK2513 К сожалению, нет. Но, видимо, придется использовать стандартные курсоры. 19 авг 2018 в 7:23

1 ответ 1

1

Как оказалось это известный баг и адекватных решений на сегодня нет. А явление это называется "видимый aliasing".

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.