Bug 162592

Summary:	CSS image-rendering doesn't affect <canvas> scaling
Product:	WebKit	Reporter:	alex
Component:	Canvas	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Normal	CC:	dino, jonlee, simon.fraser, webkit-bug-importer
Priority:	P2	Keywords:	InRadar
Version:	WebKit Nightly Build
Hardware:	Unspecified
OS:	Unspecified

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.