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
Keywords: InRadar
Depends on:
Reported: 2016-09-26 22:05 PDT by alex
Modified: 2016-10-13 13:01 PDT (History)
4 users (show)

See Also:


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:


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
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.