New issue
Advanced search Search tips
Starred by 7 users

Issue metadata

Status: Available
Owner: ----
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Android , Windows , Chrome , Mac
Pri: 2
Type: Compat



Sign in to add a comment

Custom SVG cursors are blurry on a HighDPI display

Reported by e...@figma.com, Dec 4 2013

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.57 Safari/537.36

Example URL:
http://jsbin.com/aboVovOw

Steps to reproduce the problem:
Using a retina display, visit http://jsbin.com/aboVovOw and move the mouse over the gray box.

What is the expected behavior?
The custom SVG cursor should be rendered at 2x retina resolution to match the image in the gray box.

What went wrong?
The cursor is rendered at 1x non-retina resolution and looks blurry.

Does it occur on multiple sites: N/A

Is it a problem with a plugin? N/A 

Did this work before? N/A 

Does this work in other browsers? N/A 

Chrome version: 31.0.1650.57  Channel: stable
OS Version: OS X 10.9.0
Flash Version: Shockwave Flash 11.9 r900
 

Comment 1 by e...@figma.com, Dec 4 2013

I have a one-function fix: https://codereview.chromium.org/105363002

Comment 2 by pdr@chromium.org, Dec 4 2013

Labels: Cr-Blink-SVG
Status: Available

Comment 3 by rbyers@chromium.org, Dec 18 2013

See  issue 136034  for some history on high-dpi mouse cursors.  I definitely missed the SVG case at the time (although I added some basic testing of SVG cursors).
Project Member

Comment 4 by sheriffbot@chromium.org, Mar 26 2016

Labels: Hotlist-Recharge-Cold
Status: Untriaged (was: Available)
This issue has been available for more than 365 days, and should be re-evaluated. Hotlist-Recharge-Cold label is added for tracking. Please re-triage this issue.

For more details visit https://sites.google.com/a/chromium.org/dev/issue-tracking/autotriage - Your friendly Sheriffbot
Labels: -Hotlist-Recharge-Cold
Status: Available (was: Untriaged)
There's a lot of discussion on the patch. https://codereview.chromium.org/105363002
Since that CL, we've refactored SVGImage::nativeImageForCurrentFrame (now imageForCurrentFrame) to return a picture-backed SkImage.  So we're no longer rasterizing the SVG at record time, but returning a res-independent representation: https://code.google.com/p/chromium/codesearch#chromium/src/third_party/WebKit/Source/core/svg/graphics/SVGImage.cpp&rcl=1459164587&l=302

Since the bug is still present we must be snapping that SkImage to a low-res bitmap and then scale.  I'm guessing the fix is simpler now that the source image is res-independent.
Project Member

Comment 8 by sheriffbot@chromium.org, Mar 29 2017

Labels: Hotlist-Recharge-Cold
Status: Untriaged (was: Available)
This issue has been available for more than 365 days, and should be re-evaluated. Please re-triage this issue.
The Hotlist-Recharge-Cold label is applied for tracking purposes, and should not be removed after re-triaging the issue.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Labels: -Via-Wizard -Hotlist-Recharge-Cold PaintTeamTriaged-20170331 Via-Wizardotlist-Recharge-Cold BugSource-User OS-Android OS-Chrome OS-Linux OS-Windows
Status: Available (was: Untriaged)
Summary: Custom SVG cursors are blurry on a HighDPI display (was: Custom SVG cursors are blurry on a retina display (OS X))
Still a bug, and now it affects Windows users with desktop HighDPI settings, and Linux users with support for that too.

fmalita@, any interest in trying to fix this? Or is it really a raster issue now?
Any news on this? Anything we can do to help solve this issue?

Sign in to add a comment