New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 631872 link

Starred by 5 users

Issue metadata

Status: Available
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows
Pri: 2
Type: Bug



Sign in to add a comment

Blurry text on skewed layers

Reported by hot1989...@gmail.com, Jul 27 2016

Issue description

Chrome Version       : Version 50.0.2654.0
URLs (if applicable) : http://bgoilfieldservices.com/
Other browsers tested:

have tested this issue:
    Firefox: OK
         IE: OK

What steps will reproduce the problem?
(1) Go to website.
(2) Mouse Hover on the main menu "SERVICES".

What is the expected result?
Clear text in the sub-menu.

What happens instead?
The text in the sub-menu is a little blur.

Please provide any additional information below. Attach a screenshot if
possible.

 
It might relate to CSS skew() function.
I used skew(+20deg) to a outside box and skew(-20deg) to a inside box, in order to make a Parallelogram box and keep the inside content normal.
Tested the same on mac 10.11.5 chrome version 52.0.2743.82 and canary - No blur text in sub menu

But i am able to see the blur text on win 8.1 chrome version. This can be seen from initial builds M30 as well - Please refer the screenshot

Firefox behaviour : Please find the screenshot
Cc: tkonch...@chromium.org
Components: Blink>Fonts
Labels: -Pri-3 M-54 OS-Windows Pri-1
Status: Untriaged (was: Unconfirmed)
Chrome.png
284 KB View Download
Firefox.png
347 KB View Download
Labels: -Pri-1 OS-Linux Pri-2
Chrome version tested was : 52.0.2743.82 and canary 54.0.2805.0

Issue observed on Linux as well

Comment 5 by e...@chromium.org, Jul 28 2016

Components: -Blink>Fonts Blink>Compositing Blink>CSS>Filters
It is indeed due to the skew function. Removing it makes the rendering almost identical to FF. Not sure why but I'm guessing we're loosing precision due to rounding. Over to compositing team for further triage.
Cc: vollick@chromium.org
The problem is the combination of skew and layer promotion. If we haven't promoted the text and it's counter-skewed then it draws nicely (with subpixel AA) however the skew is applied after rasterization so if the text is drawn into a skewed layer it looks really blurry. There's an easy workaround if we composite the text into a separate layer after applying the counter-skew. See http://jsbin.com/gitige/edit?html,css,output

Perhaps we should consider skew within a promoted skewed layer for automatic promotion?
UPDATE:

In other pages such as: 
About Page http://bgoilfieldservices.com/about-us/
Services Page http://bgoilfieldservices.com/services/ 
The sub menu text looks normal.
Also, I tried delete content in the <section id="main">, the sub-menu text looks normal again.
Cc: flackr@chromium.org
Status: Available (was: Untriaged)
Summary: Blurry text on skewed layers (was: Text Rendering issue)
Can we drive this to a plan of action? Any thoughts on flackr's suggestion?

Comment 9 by flackr@chromium.org, Aug 15 2016

Cc: -flackr@chromium.org chrishtr@chromium.org
Owner: flackr@chromium.org
Status: Assigned (was: Available)
vollick agrees with my suggestion to automatically promote skewed elements within a promoted skewed element to improve the output quality. Chris, does this sound good to you?

I can take the bug.
Owner: yigu@chromium.org

Comment 11 by yigu@chromium.org, Mar 10 2017

Owner: trchen@chromium.org
Hi Tien-Ren, could you please take a look at this bug? Chris said you might "have a possible SPv2 solution could be to raster
everything in screen space." 

BTW, the fix based on Rob's idea above: https://codereview.chromium.org/2714283002/.
Cc: trchen@chromium.org
Owner: flackr@chromium.org
I think Rob's idea is definitely worth trying!

Yes, being able to raster everything in screen space is a surprising byproduct of recent layerization algorithm improvement. However I feel there are still a lot of unknowns in there (e.g. performance? LCD text? how bad the edge bleeding?), and I don't think it will be a shipping goal of SPv2. It is more like an experiment that previously couldn't be done, but become open once SPv2 is ready.

Comment 13 by yigu@chromium.org, Mar 13 2017

Cc: flackr@chromium.org
Owner: yigu@chromium.org
Leave the bug as-is till SPv2 is ready.
Components: -Blink>CSS>Filters Blink>Compositing>Filters

Comment 15 by yigu@chromium.org, Jun 12 2018

Cc: yigu@chromium.org
Labels: -M-54
Owner: ----
Status: Available (was: Assigned)
Remove myself from owner as there is no plan to act ATM.

Sign in to add a comment