Bug 135428 - HighDPI - can't use style.width to scale
Summary: HighDPI - can't use style.width to scale
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: WebGL (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2014-07-30 14:17 PDT by Michael Davidson
Modified: 2024-01-17 01:26 PST (History)
4 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Michael Davidson 2014-07-30 14:17:59 PDT 
In other browsers, to create a high DPI WebGL context, you can create a canvas at 2x size and scale it with CSS width/height.

In Safari, this does not work. The image does not look crisp. Instead, you need to use webkit-transform: scale to do the scaling.

You can see this by going to http://google.com/maps?force=webgl and spoofing Chrome. When you spoof the UA, text labels are blurry. When you don't, they're sharp.
Comment 1 Radar WebKit Bug Importer 2014-08-01 10:59:06 PDT 
<rdar://problem/17886357>