New issue
Advanced search Search tips

Issue 669315 link

Starred by 1 user

Issue metadata

Status: WontFix
Owner: ----
Closed: Dec 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Android
Pri: 3
Type: Bug



Sign in to add a comment

-webkit-font-smoothing:none works on desktop chrome but not Android Chrome

Reported by tyler.sl...@joltup.com, Nov 29 2016

Issue description

Chrome Version       : 54.0.2840.85 
URLs (if applicable) : http://codepen.io/anon/pen/mOBMzy
Other browsers tested:
     Safari: OK
    Firefox: Fail
   Chrome Desktop: Version 54.0.2840.71 (64-bit)

What steps will reproduce the problem?
(1) Go to http://codepen.io/anon/pen/mOBMzy
(2) Look at the fonts and see that they has antialiasing.
(3) If you inspect the css rule (-webkit-font-smoothing: none) in a remote debugger, it isn't crossed out and looks normal.

What is the expected result?
I expected the third paragraph to have no antialiasing

What happens instead?
The third paragraph has anti-aliasing. 

Please provide any additional information below. Attach a screenshot if
possible.
I'm using canvas to create dynamically created text-based images for a thermal label printer and, because it's monochromatic, the aliasing causes issues for me.
 
Chrome Android (FAIL).png
102 KB View Download
Chrome Desktop (OK).png
115 KB View Download

Comment 1 by ajha@chromium.org, Nov 29 2016

Labels: OS-Android
Components: Blink>Fonts

Comment 3 by e...@chromium.org, Dec 2 2016

Cc: drott@chromium.org
Status: Available (was: Unconfirmed)

Comment 4 by drott@chromium.org, Dec 2 2016

Status: WontFix (was: Available)
This is a legacy, non-standard Safari property that we're probably not looking into supporting much further. 

How about using a contrast filter on your Canvas element to turn it into a black/white pixel image?
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/filter

I've tried to use a filter like this:

<svg>
  <defs>
    <filter id="crispify">
      <feComponentTransfer>
        <feFuncA type="discrete" tableValues="0 1"/>
      </feComponentTransfer>
    </filter>
  </defs>
</svg>


and setting the context filter to:

context.filter = 'url(#crispify)';

But when I got to export the image data, I get tainted canvas errors.

"Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported."

Is that another bug?

Comment 6 by drott@chromium.org, Dec 6 2016

Unfortunately we can't provide additional debugging support on the bug tracker for this use case. You might have more luck searching stackoverflow.com for the error you're seeing.

Sign in to add a comment