high dpi not handled on Safari 8 / Yosemite (Macbook Pro 13'' retina display)?

[davidedc]

Hi,

I'm using a Macbook Pro 13'' retina display with Yosemite (OSX 10.10) and Safari 8.

High-dpi doesn't seem to be handled (while it is in Chrome and Firefox). Two comparison screenshots of reference Three.js examples follow.

Example: http://threejs.org/examples/#webgl_buffergeometry . Safari (left, fuzzy) vs. Chrome (right, crisp)

Example: http://threejs.org/examples/#webgl_custom_attributes_lines . Safari (left, fuzzy) vs. Chrome (right, crisp)

[davidedc]

I should add that I've seen this in r67 and r69 (I skipped r68).

[davidedc]

there is a bug filed on webkit here: https://bugs.webkit.org/show_bug.cgi?id=134854
A fix has been committed on 7th Oct 2014 (5 weeks ago), so I'm guessing we'll see a fix soon.

In the meantime one could try a browser/version specific hack to fiddle manually with the buffer sizes / canvas sizes / CSS...

[mrdoob]

Thanks for finding the reported bug :)

[lmcd]

The fix has been in the WebKit nightly builds for a while: http://nightly.webkit.org/