Bug 162592 - CSS image-rendering doesn't affect <canvas> scaling
Summary: CSS image-rendering doesn't affect <canvas> scaling
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Canvas (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2016-09-26 22:05 PDT by alex
Modified: 2016-10-13 13:01 PDT (History)
4 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description alex 2016-09-26 22:05:00 PDT 
Values of 'pixelated' or 'crisp-edges' should affect the rendering of scaled canvases. This has worked in Chrome and Firefox for years now.

For a quick test, doodle something in my Game of Life app. You will immediately see the problem:

https://albell.github.io/lifey/

I would greatly appreciate a fix for this. I was hoping Safari 10 would solve this bug. Thanks.
Comment 1 Radar WebKit Bug Importer 2016-09-26 22:36:36 PDT 
<rdar://problem/28489393>
Comment 2 alex 2016-09-26 23:06:42 PDT 
Note that the problem is specific to canvases that have been scaled up with CSS transforms. (With explicit css dimensions and no transforms, the rendering is correct, as expected.)
Comment 3 Simon Fraser (smfr) 2016-10-13 13:01:15 PDT 
This is really just bug 27684.