Created attachment 240815 [details] WebGL canvas scaled with CSS, on Safari, Chrome and Firefox WebGL canvases seem to ignore the CSS "image-rendering:-webkit-optimize-contrast;" rule, and always render blurry when scaled up. Here is a demo: http://bowser.effectgames.com/joe/bugs/webgl/webgl-bug-scaled-blurry.html This page displays how I would expect it to in Firefox -- all the pixels are crisp as they should be. Chrome seems to have the same issue as Safari. See screenshot for a comparison of all three browsers.
This bug is fixed in Chrome 41: https://code.google.com/p/chromium/issues/detail?id=429531
optimize-contrast is deprecated and is not part of the spec https://drafts.csswg.org/css-images-3/#the-image-rendering Maybe you want support for crisp-edges and/or pixelated https://bugs.webkit.org/show_bug.cgi?id=193895
Thanks for the report! Should be fixed when fixing bug 193895 *** This bug has been marked as a duplicate of bug 193895 ***