M
M
Melhiorn2018-08-18 20:59:36
css
Melhiorn, 2018-08-18 20:59:36

How to fix incorrectly displayed custom cursor in Google Chrome?

Help to understand the problem. I set my cursor on the site through the CSS cursor property. But there is a problem. If the scaling in the system (Windows 7-10) is set to more than 100%, for example, 150%, then in chrome the cursor becomes pixelated (uneven). It only appears in Chrome and similar browsers. Everything is good in the mozilla. This is most noticeable on round cursors, such as the magnifying glass cursor. Cursor in svg format, but also tried png and cur. No difference. The situation is slightly improved by writing properties in svg, shape-rendering="crispEdges"but not significantly. The picture itself is displayed as it should, if it is not set as a cursor.
5b785d702b97e750665426.pngLink to cursor

Answer the question

In order to leave comments, you need to log in

2 answer(s)
M
Moskus, 2018-08-18
@Melhiorn

https://bugs.chromium.org/p/chromium/issues/detail... - a long-standing known bug. The decision is to score, or not to engage in nonsense with a custom cursor - they only confuse, as a rule.
Yes, and this phenomenon is described by the words "visible aliasing", not "jagged" or "pixelated".

S
snap44, 2018-08-18
@snap44

As mentioned above, don't reinvent the wheel.
I speak not as a typesetter, but as a user: the fist drags, a magnifying glass with a plus sign increases, a fist with a protruding index finger clicks. Everything else is from the evil one. And I'm more or less an advanced user. For the average, any cursor clicks stupidly.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question