[Webkit-unassigned] [Bug 138291] New: WebGL Canvas is blurry with graphics at 1X scale (HiDPI screens)

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Sun Nov 2 09:06:32 PST 2014


https://bugs.webkit.org/show_bug.cgi?id=138291

            Bug ID: 138291
           Summary: WebGL Canvas is blurry with graphics at 1X scale
                    (HiDPI screens)
    Classification: Unclassified
           Product: WebKit
           Version: 528+ (Nightly build)
          Hardware: Macintosh Intel
                OS: Mac OS X 10.9
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: WebGL
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: jhuckaby at gmail.com

Created attachment 240811
  --> https://bugs.webkit.org/attachment.cgi?id=240811&action=review
Safari vs. Firefox comparison of blurry HiDPI WebGL 2D canvas at 1X

WebGL canvases with 1X pixel graphics are blurry on HiDPI screens.  It appears that the final rendered pixels are blended with each other, despite having my canvas set with "image-rendering:-webkit-optimize-contrast;" (and all the vendor prefix variants of it).  Demo:

http://bowser.effectgames.com/joe/bugs/webgl/webgl-bug-hidpi-blurry.html

The canvas in the demo uses WebGL to display a simple 2D checkerboard pattern (every other pixel is black/white).  This is rendered at 1X size.  Safari is rendering the final pixels halfway blended with their neighbors.

Zoom in using accessibility to see what is actually happening.  I have also attached a screenshot which showcases the problem versus Firefox, where the pixels are crisp and clean.  Zoom in on the screenshot to see the comparison of how Safari renders the WebGL canvas vs. how Firefox does it.

I believe the desired behavior is for the pixels to be crisp and sharp, especially with "image-rendering: -webkit-optimize-contrast;" and friends set.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20141102/8c6afa4c/attachment-0002.html>


More information about the webkit-unassigned mailing list