Bug 146771 - Implement image-rendering: pixelated
Summary: Implement image-rendering: pixelated
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Images (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL: http://dev.w3.org/csswg/css-images-3/...
Keywords:
Depends on:
Blocks:
 
Reported: 2015-07-08 20:16 PDT by yisibl
Modified: 2016-02-03 15:11 PST (History)
4 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
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.