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".

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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