[csswg-drafts] [css-ui-3] Showing crisp cursors

photopea has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-ui-3] Showing crisp cursors ==
Today, there is no way a website can provide "crisp" custom CSS cursor. Every browser scales the cursor image up according to devicePixelRatio (just like browsers do with <img> and other elements). 

Here is a demo: http://www.ivank.net/veci/cursors_dpr.html

The cursor center (in "px" units) is interpreted as scaled by devicePixelRatio in some browsers (so even the first example looks different in FF versus Chrome - a different center spot).

My proposal is to interpret cursor images always in hardware-pixel coordinate space. Websites can simply provide larger images, when devicePixelRatio is large.

Other solutions would lead to new CSS parameters and new sources of confusion. 



Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2480 using your GitHub account

Received on Wednesday, 28 March 2018 08:33:07 UTC