HighDPI - can't use style.width to scale

• Component: WebGL
• Status: RESOLVED CONFIGURATION CHANGED

[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.

[Radar WebKit Bug Importer]

<rdar://problem/17886357>