New issue
Advanced search Search tips

Issue 645925 link

Starred by 3 users
Status: Duplicate
Merged: issue 643623
Owner: ----
Closed: Sep 2016
Cc:
fmalita@chromium.org
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Compat



Sign in to add a comment

Blurry rendering of SVG background-image with background-color:transparent on HiDPI display

Reported by dougal...@gmail.com, Sep 12 2016 
UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.101 Safari/537.36

Example URL:

Steps to reproduce the problem:
Create an element with an SVG background-image scaled using background-size and no background-color (or background-color: transparent).

Then apply a solid background-color.

What is the expected behavior?
Rendering of the SVG should be the same with and without background-color.

What went wrong?
SVG appears to be rendered at half resolution when background-color is set to transparent.

Does it occur on multiple sites: N/A

Is it a problem with a plugin? N/A 

Did this work before? Yes Pre 53

Does this work in other browsers? Yes 

Chrome version: 53.0.2785.101  Channel: stable
OS Version: OS X 10.11.6
Flash Version: Shockwave Flash 22.0 r0

Comment 1 by dougal...@gmail.com, Sep 12 2016 

More information: it seems to only occur when the element has a nonzero border-radius.  I will try to reduce it further into a test case.

Comment 2 by dougal...@gmail.com, Sep 12 2016 

Attached reduced testcase which exhibits the problem.

On a HiDPI display the rendering of the image appears to be at half resolution.
During hover a background colour is set and the rendering is fixed.
645925.html
770 bytes View Download

Comment 3 by f...@opera.com, Sep 12 2016

Cc: fmalita@chromium.org
Sounds like a dupe of  issue 643623

Comment 4 by dougal...@gmail.com, Sep 12 2016 

I'd agree with that

Comment 5 by ellyjo...@chromium.org, Sep 14 2016

Mergedinto: 643623
Status: Duplicate (was: Unconfirmed)
Marking as duplicate of  issue 643623  per #3.
►

Sign in to add a comment