980 pixel is the default width mobile safari zooms websites to if they dont provide any viewport meta information. When you choose "device-width" in the meta tag the website dimensions will be set to 320x480 for both retina and non-retina iPhones (and I guess its the size that is also reported by UIWebView). The only difference is that the JS property window.devicePixelRatio should return 2 on the retina display iPhone because every pixel is doubled.
So if you want super sharp graphics on retina iPhone you have double size everything and then display it 50% smaller. In case of your canvas you would have a canvas with 320x480 css size, a canvas coordinate space of 640x960 and finally a scale factor of 2 for your paint operations. See: http://joubert.posterous.com/crisp-html-5-canvas-text-on-mobile-phones-and -- J. -- You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To view this discussion on the web visit https://groups.google.com/d/msg/google-web-toolkit/-/TQFq60loAI8J. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
