Why is local image turned 90 degrees on UIWebView

Question

I have an application that is set in landscape mode because of the content it contains. One of the things I want to do is take a picture of a piece of paper. I present the UIImagePickerController locked in portrait mode because it fits the paper size. After the user takes the picture I load that image as a background on a UIWebView. The reason I use a webview is because sometimes I need to load a .pdf there as well. Anyway, I'm setting the background using CSS. Here is the code...

//img is the path to an image.
myHtml = [NSString stringWithFormat:
                    @"<html><head>"
                    "</head>"
                    "<body><img src='%@'></body></html>", img];

[resume loadHTMLString:myHtml baseURL:baseURL];

The problem is, the image is displayed in landscape when the app returns to the UIWebView. Everything else is normal as far as text etc. Is there some reason that images are rotated 90 degrees to fit properly or something? I have tried pretty much everything with no luck.

The other thing is that we I retake a picture and reload the webView the old image remains.

palaniraja palaniraja · Accepted Answer · 2011-05-27T14:02:24

You need to change the orientation of the image from its exif header if there is orientation info available in it. Identifying the picture orientation is the hard part, rotation of imgs can be done easily using css -webkit-transform: rotate(-90deg);

Why is local image turned 90 degrees on UIWebView

2 Answers