Bug 135428
| Summary: | HighDPI - can't use style.width to scale | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Michael Davidson <mdavids> |
| Component: | WebGL | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| Severity: | Normal | CC: | dino, kkinnunen, simon.fraser, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | 528+ (Nightly build) | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
Michael Davidson
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.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/17886357>