Bug 146771

Summary: Implement image-rendering: pixelated
Product: WebKit Reporter: yisibl <50167214>
Component: ImagesAssignee: Nobody <webkit-unassigned>
Status: RESOLVED FIXED    
Severity: Normal CC: 50167214, alex, simon.fraser, thorton
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: All   
OS: All   
URL: http://dev.w3.org/csswg/css-images-3/#the-image-rendering

Description yisibl 2015-07-08 20:16:21 PDT
Chrome 41 has supported.

http://dev.w3.org/csswg/css-images-3/#the-image-rendering
Comment 1 alex 2016-02-03 11:18:58 PST
-webkit-crisp-edges currently works on images but not on canvas. This is a complete deal breaker for an html5 game I'm working on. Should I file a separate bug for this? 

The spec says "image-rendering" applies to all paint-source elements, including img, video, and canvas:

http://www.w3.org/TR/css4-images/#the-image-rendering

This is not an obscure feature. Usage according to caniuse is relatively high, at 1.55%

http://caniuse.com/#feat=css-crisp-edges

If you guys can't get to "pixelated" right now, can you at least make crisp-edges work correctly on canvas?
Comment 2 Simon Fraser (smfr) 2016-02-03 15:11:17 PST
I landed support for 'pixelated' in https://trac.webkit.org/changeset/195848.