How to stretch the image to cover the whole UIWebView?

wolverine · 12-01-2009, 04:54 AM

1. I get an image from a URL.
2. I want that image to stretch and cover the whole WebView.
3. I used different modes like a)ScaleToFill b)AspectFill c)AspectFit.
4. But its not stretching and covering the whole area.

Can someone help me plz?

opetopic · 12-01-2009, 10:17 AM

A webview displays html, so you need to write html that does what you want. You could do something like:

<img src="/path/to/yourimage.jpg" width=100%" height="100%">

wolverine · 12-01-2009, 10:57 PM

But I am loading the image directly from a url like

Code:

[webView loadRequest:[NSURLRequest requestWithURL:imageUrl]]

. Here the imageUrl contains the URL that fetches the image. Can u show me how to modify the code plz?

opetopic · 12-02-2009, 01:08 AM

Why not do:

Code:

NSString *html = @"<html><body><img src='http://www.domain.com/path/to/your/image.jpg' width='100%' height='100%'></body></html>";
[webView loadHTMLString:html baseURL:nil];

pieter78 · 01-11-2010, 05:42 PM

Quote:

Originally Posted by opetopic

Why not do:

Code:

NSString *html = @"<html><body><img src='http://www.domain.com/path/to/your/image.jpg' width='100%' height='100%'></body></html>";
[webView loadHTMLString:html baseURL:nil];

Thanks for the suggestion! I had the same problem, could not solve it. With your hint I got it to work, after a minor modification:

Code:

// Create URL string for image file location
NSString *imageName	 = [[NSBundle mainBundle] pathForResource:@"test_image" ofType:@"png"];
NSURL	 *imageURL	 = [NSURL fileURLWithPath: imageName];

// Create HTML string from image URL
// Width-value is arbitrary (and found experimental): 900 works fine for me
NSString *htmlString = @"<html><body><img src='%@' width='900'></body></html>";
NSString *imageHTML  = [[NSString alloc] initWithFormat:htmlString, imageURL];

// Load image in UIWebView
imageWebView.scalesPageToFit = YES;
[imageWebView loadHTMLString:imageHTML baseURL:nil];

If I set the image width property to 100%, it's too small - I don't understand why. When I do this AND turn off the UIWebView's scalesToFit property, then it works, but this means I cannot zoom in on the image (which I definitely want). So after a little experimenting I arbitrarily set the width to 900, and this works fine for what I want.

Thx!

Pieter